Поиск и подсчет количества отмеченных ящиков с использованием JQuery

Question

У меня есть одна форма на странице, и в этой форме будет флажок для каждой строки таблицы. Мне нужно подсчитать количество строк, которые имеют проверочную строку, но у меня возникают проблемы с выбором из jQuery.

Вот что мой код выглядит для флажка:

<input type="checkbox" id="onHomePage_56" name="onHomePage" 
    value="56" checked="checked"> 

Если отметка не проверяло = «проверено».

Answer 1

var q = $('form#id-of-form').find('input:checked').length; 

http://api.jquery.com/checked-selector/

Если есть флажки в форме вы не хотите подсчитывались, а затем добавить класс для тех, кого вы сделать хотите подсчитываются и выбрать те из них, вместо этого:

var q = $('form#id-of-form').find('input.count-these:checked').length; 

Answer 2

JQuery предоставляет специальные селекторы для этого:

$('input:checked').length 

Более конкретно:

var num = $('#myform input:checkbox:checked').length; 

Я добавил :checkbox селектор JQuery, потому что :checked относится к радио-кнопки, а также. Технически :checkbox медленнее, чем [type=checkbox] в современных браузерах, но они делают то же самое:

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

Answer 3

Вы можете попробовать это:

$('#form input:checkbox:checked').length; 

Answer 4

$('#myForm table tr td input:checked')​.size();​ 

DEMO.

Update: Лучше фильтровать type, потому что вы могли бы проверили радио кнопки слишком

$('#myForm table tr td input[type="checkbox"]:checked').size(); 

Demo with checked radio buttons