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
});