2012-08-08 19 views
8

Tengo una primera columna de la tabla HTML que consiste en casillas de verificación, etc. cuando el usuario hace clic en un botón quiero verificar si alguna de las casillas de verificación se ha verificado antes de ir al código detrás, etc. .Cómo contar cuántas casillas de verificación se han marcado

Esto es lo que tengo pero sigue arrojando un error "Microsoft JScript error de ejecución: error de sintaxis, expresión no reconocida: input.checkbox: marcó"]"

Este es mi código sólo quiero volver el recuento de cuántas casillas de verificación están realmente marcadas.

$('#BtnExportToExcel').click(function() { 
      var check = ('#gvPerformanceResult').find('input.checkbox:checked"]').length; 
      alert(check); 
    return false; 
    }): 

Gracias por su ayuda.

Respuesta

6

Usted tiene un soporte que cuelga en la función find(), probar este

$('#BtnExportToExcel').click(function() { 
    var check = $('#gvPerformanceResult').find('input[type=checkbox]:checked').length; 
    alert(check); 
    return false; 
}): 

Nota, sobre la base de su respuesta le parece quiere TODAS las casillas de verificación dentro de #gvPerformanceResult y no casillas de verificación con la clase .checkbox - [type=checkbox] utilizar para seleccionar las casillas de verificación

+0

Corrija los errores en su código (como Curt ha señalado en su respuesta). – BNetz

17

Tiene una sintaxis no válida (No $ al principio y "] al final).

Cambio:

('#gvPerformanceResult').find('input.checkbox:checked"]').length; 

Para:

$('#gvPerformanceResult').find('input.checkbox:checked').length; 
+0

Algo tan pequeño ..... im sorprendió incluso pasar por alto que !! gracias sin embargo. –

+0

@ScottAtkinson Me alegro de haber ayudado. Marque como respuesta si esto ha resuelto su problema. http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Curt

+0

¿Funciona esta solución en todos los navegadores como IE? A veces no tenemos tiempo para probar en todos los navegadores manualmente. Sería mejor si alguien ya ha probado. –

3

lo descubrió

$('#BtnExportToExcel').click(function() { 
       var check = $("input:checkbox:checked").length 
       alert(check); 
}); 

+1

Nota: Esta serán todas las casillas de verificación en su página. No solo dentro de '# gvPerformanceResult' – Curt

+0

Ver mi respuesta, encontrará todas las casillas marcadas dentro de' # gvPerformanceResult' – Chris

+1

¿Lo ha descubierto? ¿O las otras respuestas lo hicieron por ti? No creo que sea apropiado publicar una respuesta a su propia pregunta cuando ya ha sido suficientemente respondida por todos los demás. – musefan

8
$('input[type="checkbox"]:checked').length; 

Esto devolverá el número de casilla de verificación marcada.


Restringir:

$('#gvPerformanceResult').find('input[type="checkbox"]:checked').length; 
+0

Esto devolverá todas las casillas marcadas en la página, no solo en '# gvPerformanceResult' – Curt

+0

bien, ahora funciona en la restricción del elemento. –

Cuestiones relacionadas