jquery - 使用 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;

我添加了 jQuery:checkbox选择器，因为: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();​

演示。

更新：更好地过滤type，因为您也可以检查单选按钮

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

带有选中单选按钮的演示