计算已选中多少个复选框

Question

我正在使用以下代码来检查多少个复选框用户已选中。

var empty_watch = $('#clocks').find('input.checkbox:checked').length;

这在表单验证中使用：如果empty_watch为0，则不发布表单：用户必须至少选择一项（并且没有默认项）。

HTML如下：

<div id="clocks" class="sez-form">
<fieldset>
<legend> Orologi inclusi </legend>
<div class="percheckbox">
    <input class="clock" type="checkbox" value="1" name="orologio">Browser
</div>
<div class="percheckbox">
    <input class="clock" type="checkbox" value="2" name="orologio">Prototipo1
</div>
<div class="percheckbox">
    <input class="clock" type="checkbox" value="3" name="orologio">test FP
</div>
<br style="clear: both;">
</fieldset>
</div>

即使我选中所有复选框，empty_watch仍为0。我在做什么错？

Answer 1

您的查找选择器：

'input.checkbox:checked'

查找带有“复选框”类的输入。 您应该查看元素的'type'属性。

而是尝试：

'input[type="checkbox"]:checked'

Answer 2

有一个特定的:checkbox伪选择器。 它与input[type=checkbox] ：

var empty_watch = $('#clocks').find(':checkbox:checked').length;

正如您已经将#clock作为目标，然后发现，这在速度方面也是相当不错的。

如果您知道没有其他可检查的输入， 则可以将其略微减少至以下内容：

var empty_watch = $('#clocks').find(':checked').length;