How to count check-boxes using jQuery?
I have tons of checkboxes that are either checked (checked="checked"
) or unchecked.
I would like to get the number of all checkboxes, unchecked and checked checkboxes.
With check-box I mean <input type="checkbox" />
.
How to do it with jQuery? Thanks in advance!
You could do:
var numberOfChecked = $('input:checkbox:checked').length;
var totalCheckboxes = $('input:checkbox').length;
var numberNotChecked = totalCheckboxes - numberOfChecked;
EDIT
Or even simple
var numberNotChecked = $('input:checkbox:not(":checked")').length;
Assume that you have a tr row with multiple checkboxes in it, and you want to count only if the first checkbox is checked.
You can do that by giving a class to the first checkbox
For example class='mycxk'
and you can count that using the filter, like this
$('.mycxk').filter(':checked').length
The following code worked for me.
$('input[name="chkGender[]"]:checked').length;