Javascript计数已选中复选框，而不计数另一个复选框

Question

我正在尝试让JavaScript计数一组复选框，而不计数一组复选框。

现在，我有以下JavaScript代码：

function updateCount {
    var count = $("input[type=checkbox]:checked").size();
    $("#count").text(count);    
};
});

这是我的复选框：

<input type="checkbox" name="checkbox_1">Checkbox 1
<input type="checkbox" name="checkbox_2">Checkbox 2

因此，基本上我的JavaScript可以只计算第一个复选框，而不计算第二个复选框。

Answer 1

如果您能够修改复选框的HTML，我将使用一个类对它们进行分组。

<input class="countThis" type="checkbox" name="checkbox_1">Checkbox 1
<input class="countThis" type="checkbox" name="checkbox_2">Checkbox 2

并让该班别让您不想数的东西

<input type="checkbox" name="checkbox_3">Checkbox 3
<input type="checkbox" name="checkbox_4">Checkbox 4

最后，您的函数将如下所示

function updateCount {
    var count = $(".countThis:checked").size();
    $("#count").text(count);    
};

Answer 2

有两种简单的方法可以做到这一点。

首先，如果要选择要计数的复选框：

$('input[type=checkbox][name="checkbox_1"]').length

其次，如果要选择要排除的复选框：

$('input[type=checkbox][name!="checkbox_2"]').length

Answer 3

如果您始终只需要第一个元素，则可以使用：first-of-type选择器：

$( "input[type='checkbox']:first-of-type" ).prop({
checked: true
});