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 selector：

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