2011-11-04 33 views
37

Tengo toneladas de casillas de verificación que están marcadas (checked="checked") o desmarcadas.¿Cómo contar casillas de verificación usando jQuery?

Me gustaría obtener el número de casillas de verificación, desmarcadas y marcadas.

Con la casilla de verificación quiero decir <input type="checkbox" />.

¿Cómo hacerlo con jQuery? ¡Gracias por adelantado!

Respuesta

117

Se podría hacer:

var numberOfChecked = $('input:checkbox:checked').length; 
var totalCheckboxes = $('input:checkbox').length; 
var numberNotChecked = totalCheckboxes - numberOfChecked; 

EDITAR

O incluso sencilla

var numberNotChecked = $('input:checkbox:not(":checked")').length; 
5

El siguiente código trabajó para mí.

$('input[name="chkGender[]"]:checked').length; 
3

Suponga que tiene una fila tr con varias casillas de verificación en el mismo, y que desea contar sólo si se marca la primera casilla de verificación.

Usted puede hacer que al dar una clase a la primera casilla

Por ejemploclass='mycxk' y se puede contar con que el uso del filtro, como este

$('.mycxk').filter(':checked').length 
2

Hay varios métodos para hacer eso :

Método 1:

alert($('.checkbox_class_here:checked').size()); 

Método 2:

alert($('input[name=checkbox_name]').attr('checked')); 

Método 3:

alert($(":checkbox:checked").length); 
Cuestiones relacionadas