Activar checkbox automaticamente

totti026 · #1 (**permalink**) 30/11/2011, 01:15

Que tal comunidad, estoy trabajando con 4 checkboxs y quisiera que cuando activara el 2do, 3ro y 4to se active el 1ro automaticamente . he intentado con onclick y ya estoy muy cerca, alguna idea?, o tal vez seria con una funcion?.
Este es el codigo de lo que he echo:

Código HTML:

Ver original<html>
<body>
 
<input type="checkbox" id="check01" value="check01">01
<br >
<input type="checkbox" id="check02" value="check02" onclick="if(this.checked)document.getElementById('check01').checked = true">02
<br >
<input type="checkbox" id="check03" value="check03" onclick="if(this.checked)document.getElementById('check01').checked = true">03
<br >
<input type="checkbox" id="check04" value="check04" onclick="if(this.checked)document.getElementById('check01').checked = true">04
 
</body>
</html>

En este ejemplo cuando activo el 2do o el 3ro o el 4to se activa el 1ro, pero lo quiero esque cuando esten activados los 3 checkox se active el 1ro, osea que si solo activo dos o uno no se active el 1ro sino que se active hasta que los 3 esten activados.

y estaba pensando en una condicion parecida a esta pero no se si la sintaxis sea la correcta:

Código Javascript:

Ver originalif(document.getElementById('check02').checked = true && document.getElementById('check03').checked = true && document.getElementById('check04').checked = true)
document.getElementById('check01').checked = true

Espero darme a enterner.
Muchas gracias.

caricatos · #2 (**permalink**) 30/11/2011, 03:29

Hola:

Las comparaciones de igualdad se hacen con dos signos "="; y otra cosa que te ayudará a simplificar, es que al ser el atributo checked, un valor lógico (o booleano), podías hacer la asignación directamente con el resultado de la comparación:

Para simplificar creamos un alias de document.getElementById...

function tag(id) {return document.getElementById(id);}
...
<input type="checkbox" id="check02" value="check02" onclick="tag('check01').checked = (this.checked && tag('check03').checked && tag('check04').checked)">02

Saludos