How do I count how many checkboxes are selected on a page with jQuery

Question

I want to count how many checkboxes on my page are selected using jQuery. I\'ve written the following code:

      var numberOfCheckboxesSelected = 0;
               


        

Answer 1

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;

Answer 2

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;

Answer 3

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

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

Answer 4

$("input:checked").length

this will return the count of checked checkboxes.