How to get a count of all checked checkboxes on a page How to get a count of all checked checkboxes on a page jquery jquery

How to get a count of all checked checkboxes on a page


Use the size() method or the length property. The length property is preferred as it is faster.

Example:

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


Using jQuery:

var cbs = $("input:checkbox"); //find all checkboxesvar nbCbs = cbs.length; //the number of checkboxesvar checked = $("input[@type=checkbox]:checked"); //find all checked checkboxes + radio buttonsvar nbChecked = checked.length;

Using JavaScript:

var inputs = document.getElementsByTagName("input"); //or document.forms[0].elements;var cbs = []; //will contain all checkboxesvar checked = []; //will contain all checked checkboxesfor (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 checkboxesvar nbChecked = checked.length; //number of checked checkboxes

Source: How to find Checkboxes? at coderanch