Adnan Adnan - 1 year ago 87
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
. 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?


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

Answer Source

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!