Флажок Javascript count установлен и не засчитывается еще один флажок

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

Если вам всегда нужно просто первый элемент, который вы можете сделать, используя: селектор первого типа:

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