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

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

$(":checkbox:checked")

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

Ответ 1

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

Пример:

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

Ответ 2

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

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

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

Использование 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

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