activar y desactivar checkbox con radiobutton

[roulette_103]

ayuda no veo cual es el error necesito q me deshabilite los checkbox si la respuesta del radioutton es negativa pero no lo hace

Código HTML:

<script languaje="javascript">

function habilita(form)

{
form.cat_al[1].disabled = false;
form.cat_al[2].disabled = false;
form.cat_al[3].disabled = false;
form.cat_al[4].disabled = false;
}

function deshabilita(form)
{

form.cat_al[1].disabled = true;
form.cat_al[2].disabled = true;
form.cat_al[3].disabled = true;
form.cat_al[4].disabled = true;
}
</script>

<FORM name="form1" ACTION="Insert.php" METHOD="POST">
<input type="radio" name="res" value="1" checked onClick="habilita(this.form)" />     
<input type="radio" name="res" value="0" onClick="deshabilita(this.form)" />

<input type="checkbox" name="cat_al[1]" value="1"/>
<input type="checkbox" name="cat_al[2]" value="2"/>
<input type="checkbox" name="cat_al[3]" value="3"/>
<input type="checkbox" name="cat_al[4]" value="4"/>
</FORM> 

[zerokilled]

buenas...

lo que sucede es que el nombre de los checkboxes conflige con la sintaxis de javascript. notese que los nombres contiene corchetes los cuales en javascript se interpretan como array o propiedad. para que este conflicto no suceda, debes usar una sintaxis un tanto distinta para acceder a ese elemento. consiste en reemplazar el operador punto por un par de corchetes y dentro de este escribes el nombre de la propiedad en tipo string. notese que en ese string puede contener cualquier caracter que no es aceptable en la sintaxis de javascript.

Código:

obj['prop'] = value;
obj['property name'].prop = value;
obj['complex prop[other content]']['more prop'] = value;

[goteen_mx]

dos cosas, efectivamente los corchetes del nombre te estan afectando, y otra el this hace referencia al objeto que esta actuando en este caso son los radios.

Saludos.

Código Javascript:

<script languaje="javascript">
 
function habilita()
 
{
document.getElementById("form1");
form.cat_al1.disabled = false;
form.cat_al2.disabled = false;
form.cat_al3.disabled = false;
form.cat_al4.disabled = false;
}
 
function deshabilita()
{
 
document.getElementById("form1");
form.cat_al1.disabled = true;
form.cat_al2.disabled = true;
form.cat_al3.disabled = true;
form.cat_al4.disabled = true;
}
</script>
 
<FORM id="form1" ACTION="Insert.php" METHOD="POST">
<input type="radio" name="res" value="1" checked onClick="habilita()" />     
<input type="radio" name="res" value="0" onClick="deshabilita()" />
 
<input type="checkbox" name="cat_a1l" value="1"/>
<input type="checkbox" name="cat_al2" value="2"/>
<input type="checkbox" name="cat_al3" value="3"/>
<input type="checkbox" name="cat_al4" value="4"/>
</FORM>