Как подсчитать все отмеченные флажки на странице

Question

Я хочу посчитать, сколько флажков выбрал пользователь. Например, из группы из 10 флажков, если он выберет 5, то я хочу иметь возможность считать это. Используя строку:

$(":checkbox:checked")

Я могу выбрать все отмеченные флажки, есть ли способ получить количество всех элементов, которые возвращаются этим оператором?

Answer 1

Используйте метод size () или свойство length . Свойство длины предпочтительнее, так как оно быстрее.

Пример:

var count = $("[type='checkbox']:checked").length;

Answer 2

Использование jQuery:

var cbs = $("input:checkbox"); //find all checkboxes
var nbCbs = cbs.length; //the number of checkboxes

var checked = $("input[@type=checkbox]:checked"); //find all checked checkboxes + radio buttons
var nbChecked = checked.length;

Использование JavaScript:

var inputs = document.getElementsByTagName("input"); //or document.forms[0].elements;
var cbs = []; //will contain all checkboxes
var checked = []; //will contain all checked checkboxes
for (var i = 0; i < inputs.length; i++) {
  if (inputs[i].type == "checkbox") {
    cbs.push(inputs[i]);
    if (inputs[i].checked) {
      checked.push(inputs[i]);
    }
  }
}
var nbCbs = cbs.length; //number of checkboxes
var nbChecked = checked.length; //number of checked checkboxes

Источник: Как найти флажки? при кодовом переходе