Adnan Adnan - 5 months ago 36
jQuery Question

Counting checked checkboxes

I'm having a problem counting checked checkboxes in jQuery that runs counter to every example I could find. The following code works:

var checked_boxes = $('input:checkbox:checked').length // Returns 1 or 2 etc.


However, I would like to modify that to count the number of checkboxes of a particular class, say
my_class
. I have tried the following:

var checked_boxes = $('input.my_class:checked').length // Always 0
var checked_boxes = $('input.my_class:checkbox:checked').length // Always 0
var checked_boxes = $('input[type=checkbox].my_class:checked').length // 0 also


Same with several other syntaxes/permutations I tried.

For some background, these checkboxes are in a table in a td and essentially look like so:

<input type="checkbox" id="cb1" class="some_class_for_display_style my_class" value="1" />Blah


Any idea what I'm missing here?

EDIT:

Found the problem: It was the mis-placed class. I added an answer to that effect.

Answer

Fastest Rubber Duck answer ever!!

Right after posting here I went back to looking at my code and realized to my horror that I had applied the class to the td not the check_box_tag (I'm using Rails).. moved the class to the check_box_tag and it seems to be working now.

Thanks everyone!