How Do I Count How Many Checkboxes Are Selected On A Page With Jquery

I want to count how many checkboxes on my page are selected using jQuery. I've written the following code: var numberOfCheckboxesSelected = 0; $(':checkbox').each(func

Solution 1:

jQuery supports the :checked pseudo-selector.

var n = $("input:checked").length;

This will work for radio buttons as well as checkboxes. If you just want checkboxes, but also have radio buttons on the page:

var n = $("input:checkbox:checked").length;

Solution 2:

Try this(to avoid counting any selected radio buttons):

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

Solution 3:

The first argument passed to the callback in each is the index, not the element. You should use this or a second argument:

$(':checkbox').each(function(idx, checkbox) {
      if (checkbox.attr('checked'))
          numberOfCheckboxesSelected++;
});

Moreover, the easier way to do this is to select only the checked elements with the :checked selector and then check the selection's length property:

var numberOfCheckboxesSelected = $('input:checkbox:checked').length;

Solution 4:

$("input:checked").length

this will return the count of checked checkboxes.