Help with function inside of event using jquery

Question

I have a CheckBox list and I want to get the number of items selected when a checkbox is checked/unchecked.

checkCount is always 0. It seems to me like checkCount is getting assigned when the page loads and the getCheckCount function is never called again. Why doesn't this work and how can I get the event to have an up to date checkCount? Thank you.

   $(function () {
        $('#<%=cblInterests.ClientID%> input').click(function () {
            var checkCount = getCheckCount();
            alert(checkCount);
            return checkCount < 2;
        });
    });        

    function getCheckCount() {
        return $('#<%=cblInterests.ClientID%>').children('input:checked').length;
    }

Are the checkboxes directly beneath #client-id? If not, use "find" instead of "children" — ABentSpoon
– ABentSpoon, Commented Sep 17, 2011 at 20:58

Matt Ball · Accepted Answer · 2011-09-17 20:41:55Z

0

Use the .change() event, not the .click() event.

answered Sep 17, 2011 at 20:41

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mike Over a year ago

Same issue, the count is still always 0.

Matt Ball Over a year ago

It would help if you could show your markup. But, try changing .children(...) to .find(...).

Matt Ball Over a year ago

You're welcome. Next time, please post the relevant HTML as well.

roselan · Accepted Answer · 2011-09-17 20:53:01Z

0

   $(function () {
        $('#<%=cblInterests.ClientID%>').delegate('input', 'change', function () {
            var checkCount = getCheckCount();
            alert(checkCount);
            return checkCount < 2;
        });
    });        

    function getCheckCount() {
        return $('#<%=cblInterests.ClientID%> input:checked').length;
    }

the use of .delegate (or .live) allows you to add inputs on the fly.

answered Sep 17, 2011 at 20:53

roselan

3,7651 gold badge23 silver badges20 bronze badges

Collectives™ on Stack Overflow

Help with function inside of event using jquery

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related