Función javascript con arreglo de checkbox

consuelor · #1 (**permalink**) 12/01/2011, 11:58

Hola a todos,

Quisiera saber si me pueden ayudar con esto. Tengo este código de prueba, que encontré en este mismo sitio en un post antiguo:

Código HTML:

<html>
<head>

</head>
<script type="text/javascript" language="javascript">
<!--
function toggleSelect(chk)
{
if (document.getElementById(chk).checked == false)
{
document.frm1.select1.disabled = true;
}
else
{
document.getElementById("select1").disabled = false;
}

}
-->
</script>
<body>
<form name="frm1" id="frm1">
<input type="checkbox" id="chk1" name="chk1" onchange="javascript:toggleSelect(this.name);" value="1" />
<select id="select1" name="select1" disabled>
<option value="value1">option 1</option>
<option value="value2">option 2</option>
<option value="value3">option 4</option>
</select>
</form>
</body>
</html>

Y lo que yo quiero, es hacer funcionar el script cuando el nombre del checkbox sea "chk1[]", dado que necesito agrupar distintos checkbox de varias filas con información obtenida de una base de datos.

Entonces, la idea es que finalmente, por cada fila en la cual el checkbox correspondiente sea seleccionado, se habilite un select que también es un arreglo de select, pero que solo se habilite el de la fila correspondiente.

Espero que se entienda y que me puedan ayudar con este ejemplito de prueba!!

Saludos ;)!

_cronos2 · #2 (**permalink**) 12/01/2011, 13:10

Código Javascript:

Ver originalfunction habil(obj){
 document.getElementById(obj.id.replace('chk','select')).disabled=!obj.checked;
}

Código HTML:

Ver original<input type="checkbox" id="chk1" name="chk1" onchange="habil(this);" value="1" />
<select id="select1" name="select1" disabled>
<option value="value1">option 1</option>
<option value="value2">option 2</option>
<option value="value3">option 4</option>
</select>

Saludos (:

consuelor · #3 (**permalink**) 12/01/2011, 20:28

Perfecto! Muchas gracias _cronos2 por tu respuesta. Lo probé con varios arreglos de checkbox y select y funciona muy bien, solo debo agregar un ID único a cada uno, cosa que no estaba considerando (solo utilizaba el name). Muchas gracias!

Aunque me surgió otra duda, por qué sirve llenar el nombre de los input como arreglos, como por ejemplo:

Código:

<input type = 'checkbox' name='chk1[]'>

, pero no sucede lo mismo para los id? Tal vez me estoy equivocando, pero al probar el ejemplo, al declarar el id como

Código:

id='chk1[]'

, no surtió el mismo efecto que al declararlo explícitamente como

Código:

id='chk1[1]'

(de esta última manera sí funcionó).

Por qué sucede eso? Y cómo se puede hacer para que se asigne dinámicamente como el name? Estoy un poco confundida con eso...

Saludos!

_cronos2 · #4 (**permalink**) 13/01/2011, 00:35

Los arreglos se usan para enviar al servidor un array con esos valores, pero no tiene sentido hacer arreglos con las id porque lo que se envía al servidor son los name.
Saludos (:

caricatos · #5 (**permalink**) 13/01/2011, 01:09

Hola:

Si son varios checks y tienen que llevar el mismo nombre, lo que tienes es un array y como tal debe indexarse. Los id's no pueden duplicarse, pero los atributos name sí, así que desde javascript puedes acceder por sus respectivos índices:

document.forms.el_form["check[]"][0]
...
document.forms.el_form["check[]"][i]

Saludos

consuelor · #6 (**permalink**) 13/01/2011, 06:46

Ahhh perfecto, entendido :)

Muchas gracias a ambos!!!