How to count check-boxes using jQuery?

Question

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 can this be done with jQuery?

score 178 · Accepted Answer · edited Jun 17 '16 at 12:34

178

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;

edited Jun 17 '16 at 12:34

Muhammad Hassaan

7,296
6
30
50

answered Nov 04 '11 at 15:19

Nicola Peluchetti

76,206
31
145
192

score 19 · Answer 2 · edited Sep 13 '17 at 12:06

19

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

edited Sep 13 '17 at 12:06

Ramzan Mahmood

1,881
2
21
46

answered Aug 27 '16 at 01:55

Samuel Aiala Ferreira

654
6
11

I prefer this answer in my case because I can define the `let myCheckboxList = $('.mycxk');` to reuse it after this `myCheckboxList.filter(':checked').length`. – Sadiel May 10 '18 at 14:50
I also liked this answer – Alauddin Ahmed Nov 14 '19 at 08:34
this answer is good, i want count input with class :)) – Mộc Uyển Thanh Feb 07 '23 at 15:49

score 18 · Answer 3 · edited Mar 28 '16 at 10:36

18

The following code worked for me.

$('input[name="chkGender[]"]:checked').length;

edited Mar 28 '16 at 10:36

Gunaseelan

2,494
5
36
43

answered Jun 30 '15 at 11:06

Nguyễn Thành Bồi

2,457
2
14
8

score 6 · Answer 4 · edited Jan 09 '17 at 07:16

6

There are multiple methods to do that:

Method 1:

alert($('.checkbox_class_here:checked').size());

Method 2:

alert($('input[name=checkbox_name]').attr('checked'));

Method 3:

alert($(":checkbox:checked").length);

edited Jan 09 '17 at 07:16

FelixSFD

6,052
10
43
117

answered Jan 09 '17 at 06:57

Hasnain Mehmood

407
5
4

score 2 · Answer 5 · edited Apr 17 '19 at 04:13

You can do it by using name attibute, class, id or just universal checkbox; If you want to count only checked number of checkbox.

By the class name :

var countChk = $('checkbox.myclassboxName:checked').length;

By name attribute :

var countByName= $('checkbox[name=myAllcheckBoxName]:checked').length;

Complete code

$('checkbox.className').blur(function() {
    //count only checked checkbox 
    $('checkbox[name=myAllcheckBoxName]:checked').length;
});

How to count check-boxes using jQuery?

5 Answers5

Complete code

Linked