jquery - 获取选中复选框的总数

Question

我有一个带有复选框的表单，输入存储在数组中:

<input type="checkbox" name="lineup[]" value="1">Tom</input>
<input type="checkbox" name="lineup[]" value="2">David</input>
<input type="checkbox" name="lineup[]" value="3">Sarah</input>

使用 jQuery 我想知道有多少个复选框被勾选/选中:

var total=$(this).find('input[name=lineup]').serialize();

alert(total.length);

但是总数总是输出0。我做错了什么？

Answer 1

在选择器中使用:checked，并且不序列化它，只获取长度。

var total=$(this).find('input[name="lineup[]"]:checked').length;

还在选择器中使用[]，因为您的复选框在名称中使用[]。如@Felix Kling指出，它是名称的一部分，因此您必须显式指定 []。

Demo