Hola, he creado un pequeño script para editar el estilo de los checkbox, pero sin pongo 2 checkbox en la misma pagina solo me funciona con el primero. Como hago para que funcionen mas de uno?
Aqui esta el ejemplo: http://jsfiddle.net/DH46q/
Recibe ayuda de expertos
Es gratis y fácil
Respuestas, votos y comentarios
Recibe puntos, vota y da la solución
Hola, he creado un pequeño script para editar el estilo de los checkbox, pero sin pongo 2 checkbox en la misma pagina solo me funciona con el primero. Como hago para que funcionen mas de uno?
Aqui esta el ejemplo: http://jsfiddle.net/DH46q/
He modificado un poco el propio JSFiddle que habías hecho para mostrar lo que se comenta en otras respuestas. Espero que te sirva para algo:
Un saludo.
Hola, los ids deben ser únicos, no puedes usar el mismo para dos elementos. Deberías usar una clase:
<input type="checkbox" id="on-off" class="on-off" name="private"/>
<input type="checkbox" id="on-off" class="on-off" name="custom"/>
Y usar la función getElementsByClassName en lugar getElementById.
Hola que tal, puedes usar:
var check = document.querySelectorAll('[id=on-off]');
Aunque es correcto que los ID deben ser únicos también pueden ser tratados como atributos en una búsqueda, toma en cuenta que la compatibilidad que es desde IE8 , FF3, Chrome4 y todos los demás navegaderos en todas sus versiones.
Saludos.