Checkbox

[jspcat]

Hola

Necesitaría saber como contar el numero de checkbox de una pagina y posteriormente el numero que están checked

Si están todos tengo que mostrar un mensaje y sino otro, el tema es que el numero de checkbox depende de una consulta y no se el numero exacto

Alguna idea

Gracias

[ocp001a]

Si los checkbox pertenecen al mismo formulario, puedes recorrer los elementos del form y revisar el tipo de input que es cada elemento, algo así como:

Código Javascript:

var contador=0;
for(varx=0;x<miform.length;x++)
   if(miform[x].type=='checkbox')
      contador++;
 

[Alexis88]

Otra forma de hacerlo es mediante selectores CSS:

Código Javascript:

document.querySelectorAll("form [type=checkbox]").length, //Todos los checkbox del formulario
document.querySelectorAll("form [type=checkbox]:checked").length; //Los checkbox marcados
 

Esto funcionará en todos los navegadores modernos y también con Internet Explorer a partir de la versión 9.

Un saludo

[jspcat]

Hola

Código:

		
var contador=document.querySelectorAll("form [type=checkbox]").length;
alert(contador);

Me devuelve 0

Código:

var contador=0;
for(varx=0;x<formulario.length;x++)
   if(formulario[x].type=='checkbox')
      contador++;
alert(contador);

Siendo formulario el name y el id del form

No me hace nada, ni el alert

Ideas??

Gracias

[Alexis88]

Si colocas el código JavaScript en la cabecera del documento, debes de ejecutarlo cuando terminen de cargar los elementos del documento:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    //Tus instrucciones
}, false);
 

También puedes colocarlo después de todos los elementos, justo antes de la etiqueta </body>.

Y solo para que veas que funciona: DEMO

Un saludo