Habilitar radio desde la opcion de otro radio

garridoman · #1 (**permalink**) 06/05/2003, 11:20

Hola amigos estoy mariado con esto
lo que necesito es

tengo tres radio con diferentes opciones si selecciono la opcion
1 me tiene que aparecer dos radios mas con otras opciones
si selecciono cualquiera de los otros no me aperece nada

si no me entienden aqui esta elk cogo que quiero que me ayuden

PD:en primera instancia los radio de nuevo y usado tienen que esta hidden

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Manuel Garrido">
<meta name="generator" content="AceHTML 5 Pro">
<script language="JavaScript">
function habilita(){
document.getElementById('pregunta').innerHTML = "aqui quiero abilitarlos"

}
function deshabilita(){
document.getElementById('pregunta').innerHTML = " "

}
</script>
</head>
<body>
<form action="paso1.asp" name="frm" method="post">
<table width="300" border="1">
<tr><td colspan="2">Clasificacion</td></tr>
<tr>
<td><input type=radio value="casa" name="tipofinan" onClick="habilita()" >casa/depto</td>
<td id="pregunta">
<input type='radio' value='nueva' name='tipo' >Nueva<input type=radio value='usada' name='tipo' >usada
</td>
</tr>
<tr>
<td><input type=radio value="oficina" name="tipofinan" Onfocus="deshabilita()" >oficina</td>
<td> </td>
</tr>
<tr>
<td><input type=radio value="terreno" name="tipofinan" Onfocus="deshabilita()" >tereno</td>
<td> </td>
</tr>
</form>
</body>
</html>

TurKa · #2 (**permalink**) 13/05/2003, 22:41

No te compliques tanto amigo!!!
Aquí tienes algo más sencillo:

Este script habilita o deshabilita los botones de radio:

<script languaje="javascript">
function habilita(form) {
if (form.radiosA[0].checked == true) {
form.radiosB[0].disabled = false;
form.radiosB[1].disabled = false;
}

else {
form.radiosB[0].disabled = true;
form.radiosB[1].disabled = true;
}
}
</script>

Y el formulario:
<form name="formulario">
<input type="radio" name="radiosA" value="rdA" onClick="habilita(this.form)">Opcion que habilita<br>
<input type="radio" name="radiosB" value="rdB1" disabled>Opcion 1 a habilitar<br>
<input type="radio" name="radiosB" value="rdB2" disabled>Opcion 2 a habilitar<br>
<input type="radio" name="radiosA" value="rdA2" onClick="habilita(this.form)">esta opcion no habilita<br>
</form>

Espero que sirva!!

Ah! Me olvidaba!
ambién puedes hacer que esos radio buttons que debes habilitar, estén "invisibles" en lugar de deshabilitados y viceversa:

<script languaje="javascript">
function habilita(form) {
if (form.radiosA[0].checked == true) {
form.radiosB[0].style.visibility = "visible";
form.radiosB[1].style.visibility = "visible";
}

else {
form.radiosB[0].style.visibility = "hidden";
form.radiosB[1].style.visibility = "hidden";
}
}
</script>

Y el formulario:
<form name="formulario">
<input type="radio" name="radiosA" value="rdA" onClick="habilita(this.form)">Opcion que habilita<br>
<input type="radio" name="radiosB" value="rdB1" style="visibility: hidden">Opcion 1 a habilitar<br>
<input type="radio" name="radiosB" value="rdB2" style="visibility: hidden">Opcion 2 a habilitar<br>
<input type="radio" name="radiosA" value="rdA2" onClick="habilita(this.form)">esta opcion no habilita<br>
</form>

Suerte!!!

garridoman · #3 (**permalink**) 14/05/2003, 08:07

Muchas gracias te pasastes es justo lo que necesitaba