如何使用jQuery计算复选框?

daG*_*vis 41 checkbox jquery count checked

我有大量的复选框,可以选中(checked="checked")或取消选中.

我想获取所有复选框的数量,取消选中并选中复选框.

带复选框的意思是<input type="checkbox" />.

如何用jQuery做到这一点?提前致谢!

Nic*_*tti 134

你可以这样做:

var numberOfChecked = $('input:checkbox:checked').length;
var totalCheckboxes = $('input:checkbox').length;
var numberNotChecked = totalCheckboxes - numberOfChecked;
Run Code Online (Sandbox Code Playgroud)

编辑

甚至简单

var numberNotChecked = $('input:checkbox:not(":checked")').length;
Run Code Online (Sandbox Code Playgroud)


Ngu*_*Bồi 11

以下代码对我有用.

$('input[name="chkGender[]"]:checked').length;
Run Code Online (Sandbox Code Playgroud)


Sam*_*ira 9

假设您有一个包含多个复选框的tr行,并且只有在选中第一个复选框时才想要计数.

你可以通过给第一个复选框提供一个类来实现

例如 class='mycxk',您可以使用过滤器计算,就像这样

$('.mycxk').filter(':checked').length
Run Code Online (Sandbox Code Playgroud)


小智 5

有多种方法可以做到这一点:

方法一:

alert($('.checkbox_class_here:checked').size());
Run Code Online (Sandbox Code Playgroud)

方法二:

alert($('input[name=checkbox_name]').attr('checked'));
Run Code Online (Sandbox Code Playgroud)

方法三:

alert($(":checkbox:checked").length);
Run Code Online (Sandbox Code Playgroud)