Checkbox's

NoChance · #1 (**permalink**) 07/12/2007, 10:17

Buenas, necesito que al tildar o destildar un checkbox, se tilden o destilden otros.

Yo tengo un árbol jerárquico con 3 Ramas Principales (cada una con un checkbox), dentro de cada una hay varios items (cada uno con su checkbox).
Yo necesito que al tildar o destildar el checkbox de alguna de las ramas principales se tilden o destilden automáticamente los checkbox pertenecientes a los items que contiene.

Aclaro que dicho árbol jerárquico es creado en tiempo de ejecución dependiendo de la cantidad de registros que traigan ciertas consultas a una BD.
Donde los nombres de los chexkbox de la primer rama terminan en PAG, los de la segunda en CTA y los de la tercera en PEN.

Ejemplo:

checkbox_1_PAG (Primer Rama Principal) Posee función en evento onclick
checkbox_2_PAG (Primer Item)
checkbox_3_PAG (Segundo Item)
checkbox_4_PAG (Tercero Item)

checkbox_5_CTA (Segunda Rama Principal) Posee función en evento onclick
checkbox_6_CTA (Primer Item)
checkbox_7_CTA (Segundo Item)
checkbox_8_CTA (Tercero Item)

checkbox_9_PEN (Tercer Rama Principal) Posee función en evento onclick
checkbox_10_PEN (Primer Item)
checkbox_11_PEN (Segundo Item)

Necesito saber como desarrollar las funciones de cada Rama principal para que actualice el estado de los checkbox correspondientes a sus items.

Desde ya muchas gracias

Saludos!

eduardo1983 · #2 (**permalink**) 07/12/2007, 10:27

mira a ver esto si te sirve
<html>
<head>
<script>
function comprueba(obj)
{
if(obj.checked)
{

var ele=document.getElementsByName("opcion");

for(i=0;i<ele.length;i++)
{

ele[i].checked=true;
}

}
else
{

var ele=document.getElementsByName("opcion");

for(i=0;i<ele.length;i++)
{
ele[i].checked=false;

}

}

}
</script>
</head>
<body>
<form>
1<input type="CHECKBOX" name="opcion" value="1" onclick="comprueba(this)">
2<input type="CHECKBOX" name="opcion" value="2" onclick="comprueba(this)">
3<input type="CHECKBOX" name="opcion" value="3" onclick="comprueba(this)">

General<input type="CHECKBOX" name="gral" value="all" onclick="comprueba(this)">

</form>
</body>
</html>

NoChance · #3 (**permalink**) 07/12/2007, 10:38

Muchas gracias Eduardo, ahora veo si a partir del ejemplo que me pasaste puedo armar lo que necesito.

Saludos!

NoChance · #4 (**permalink**) 07/12/2007, 11:11

Lo estuve probando y lo que me queda pendiente de resolver es lo siguiente:

Vos en tú código los 3 checkbox se llaman igual "opcion", en mi código se llamaría "opcion_1", "opcion_2" y "opcion_3"
Entonces Yo necesito saber como hago para en el siguiente for suplantar los números por la variable "i"

for(i=0;i<4;i++)
{
document.forms[0].opcion_1.checked = true;
}

En vez del 1 necesito poner la variable "i" como parte del nombre.

Desde ya mcuhas gracias!

NoChance · #5 (**permalink**) 10/12/2007, 08:19

Disculpen, alguien me podría dar una mano con este tema por favor.

Desde ya muchas gracias!

Saludos!

JavierB · #6 (**permalink**) 10/12/2007, 13:20

Hola NoChance

Código:

document.forms[0]['opcion_'+i].checked = true;

Saludos,