Cómo obtener un recuento de todas las casillas marcadas en una página

Question

Quiero contar cuántas casillas de verificación ha seleccionado un usuario. Por ejemplo, de un grupo de 10 casillas de verificación si selecciona 5, entonces quiero poder contarlo. El uso de la línea:

$(":checkbox:checked") 

puedo seleccionar todas las casillas de verificación controladas, ¿hay una manera de obtener el recuento de todos los elementos que son devueltos por esa declaración así?

Answer 1

Utilice el método size() o la propiedad length. Se prefiere la propiedad de longitud ya que es más rápida.

Ejemplo:

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

Answer 2

Usando 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(); 

Uso de 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 

Fuente: How to find Checkboxes? at coderanch