Not able to count number of checkboxes checked using jquery code

Question

Below is my structure.

<span class="mrQuestionTable">                                            
    <span id="Cell.0.0">
        <input type="checkbox" name="_QC05_C__1" id="_Q0_C0" class="mrMultiple" value="__1"/> 
        <span class="mrMultipleText" style="">Mobile-related fraud (Fraud via mobile channels)</span>
    </span>

    <span id="Cell.0.1">
        <input type="checkbox" name="_QC05_C__2" id="_Q0_C1" class="mrMultiple" value="__2"/>
        <span class="mrMultipleText" style="">Cost (managing, implementation related costs)</span>
    </span>
</span>

I used the below code to count the length. Once i hit the checkbox it shows me length of 0. Instead it should show 1. Please let me know why this is happening?

alert($('.mrMultiple:checkbox:checked').length);

TRy this alert($('.mrMultiple:checked').length);

Sreejith BS
– Sreejith BS

2017-09-04 04:15:01 +00:00
Commented Sep 4, 2017 at 4:15 — Sreejith BS
– Sreejith BS, Commented Sep 4, 2017 at 4:15

sideroxylon · Accepted Answer · 2017-09-04 04:13:51Z

1

Try this:

$('.mrMultiple').on('change', function() {

  alert($('.mrMultiple:checked').length);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="mrQuestionTable">                                            
<span id="Cell.0.0">
<input type="checkbox" name="_QC05_C__1" id="_Q0_C0" class="mrMultiple"
value="__1"/>    
<span class="mrMultipleText" style="">Mobile-related fraud (Fraud via mobile 
channels)</span>
</span>
<span id="Cell.0.1">
<input type="checkbox" name="_QC05_C__2" id="_Q0_C1" class="mrMultiple"  
value="__2"/>
<span class="mrMultipleText" style="">Cost (managing, implementation 
related costs)</span>
</span>
</span>

answered Sep 4, 2017 at 4:13

sideroxylon

4,4261 gold badge25 silver badges42 bronze badges

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

2 Comments

Nitin Tayal Over a year ago

I am checking this on click. but my code is not working. Below is my code :- $('.mrQuestionTable .mrMultiple').click(function(){ alert($('.mrMultiple:checkbox:checked').length); }; However, code you provided is working.

sideroxylon Over a year ago

You have a syntax error (missing a closing )) - otherwise your code would work.

Andrew Halpern · Accepted Answer · 2017-09-04 04:15:36Z

1

I believe you want to check the length of the checkboxes only after a checkbox is clicked on. Otherwise the alert function will just run when the page loads and nothing is checked.

$(".mrMultiple").on("click", function() 
   alert($('.mrMultiple:checked').length);
}

answered Sep 4, 2017 at 4:15

Andrew Halpern

5043 silver badges6 bronze badges

2 Comments

Nitin Tayal Over a year ago

Yes, i am checking this on click. but my code is not working. Below is my code :- $('.mrQuestionTable .mrMultiple').click(function(){ alert($('.mrMultiple:checkbox:checked').length); };

Icewine Over a year ago

If it is not working you may need to wrap it in a document ready function.

UJS · Accepted Answer · 2017-09-04 04:20:18Z

1

To count number of checkbox present in the page

var c=$('input[type=checkbox]').length;

To count number of checkboxes checked in the page

var cc=$('input[type=checkbox]:checked').length

answered Sep 4, 2017 at 4:20

UJS

8611 gold badge11 silver badges16 bronze badges

Comments

Icewine · Accepted Answer · 2017-09-04 04:34:09Z

You need to put it in a click function or it will only ever run once no matter how many times you click.

$(document).ready(function() {
  $("input").on("click", function() {
    console.log($('.mrMultiple:checkbox:checked').length);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span class="mrQuestionTable">                                            
  <span id="Cell.0.0">
    <input type="checkbox" name="_QC05_C__1" id="_Q0_C0" class="mrMultiple"
    value="__1"/>    
    <span class="mrMultipleText" style="">Mobile-related fraud (Fraud via mobile 
    channels)</span>
</span>
<span id="Cell.0.1">
    <input type="checkbox" name="_QC05_C__2" id="_Q0_C1" class="mrMultiple"  
    value="__2"/>
    <span class="mrMultipleText" style="">Cost (managing, implementation 
    related costs)</span>
</span>
</span>

Collectives™ on Stack Overflow

Not able to count number of checkboxes checked using jquery code

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related