bien hasta aqui voy bien. pero no del todo
cuando selecciono un radio habilita los sub radios por decirlo de alguna manera, cuando selecciono otro radio los sub radios que se habilitaron siguen habilitados... en teoría lo que quiero que haga es que cuando seleccionas otro radio los sub radios que estaban habilitados se deshabiliten
me explico?
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script languaje="javascript">
function habilita(form)
{
if (form.radiosA[0].checked == true)
{
form.radios1[0].style.visibility='visible';
form.radios1[1].style.visibility='visible';
}
else
{
if (form.radiosA[1].checked == true)
{
form.radios2[0].style.visibility='visible';
form.radios2[1].style.visibility='visible';
}
else
{
if (form.radiosA[2].checked == true)
{
form.radios3[0].style.visibility='visible';
form.radios3[1].style.visibility='visible';
}
else
{
if (form.radiosA[3].checked == true)
{
form.radios4[0].style.visibility='visible';
form.radios4[1].style.visibility='visible';
}
else
{
}
}
}
}
}
</script>
</head>
<body>
<form name="formulario">
<input type="radio" name="radiosA" value="rdA" onClick="habilita(this.form)">Opcion UNO<br>
_ <input type="radio" name="radios1" value="rdB1" style="visibility: hidden">Opcion 1 a habilitar<br>
_ <input type="radio" name="radios1" value="rdB2" style="visibility: hidden">Opcion 2 a habilitar<br>
<br />
<input type="radio" name="radiosA" value="rdA2" onClick="habilita(this.form)">Opcion DOS<br>
_ <input type="radio" name="radios2" value="rdB1" style="visibility: hidden">Opcion 1 a habilitar<br>
_ <input type="radio" name="radios2" value="rdB2" style="visibility: hidden">Opcion 2 a habilitar<br>
<br />
<input type="radio" name="radiosA" value="rdA2" onClick="habilita(this.form)">Opcion TRES<br>
_ <input type="radio" name="radios3" value="rdB1" style="visibility: hidden">Opcion 1 a habilitar<br>
_ <input type="radio" name="radios3" value="rdB2" style="visibility: hidden">Opcion 2 a habilitar<br>
<br />
<input type="radio" name="radiosA" value="rdA2" onClick="habilita(this.form)">Opcion CUATRO<br>
_ <input type="radio" name="radios4" value="rdB1" style="visibility: hidden">Opcion 1 a habilitar<br>
_ <input type="radio" name="radios4" value="rdB2" style="visibility: hidden">Opcion 2 a habilitar<br>
<br />
</form>
</body>
</html>
Que me dicen?