Foros del Web - Ver Mensaje Individual - Habilitar o deshabilitar partes de un formulario

Moloko1508 · #1 (**permalink**) 28/04/2005, 05:59

Hola a todos.

Sigo pegándome con el Javascript, y la verdad es que ya me van saliendo algunas cosas, pero en otras me quedo muy atascado.

Os cuento, necesito que en un formulario en el que tengo una pregunta activada y otra desactivada, al seleccionar una de las 4 opciones disponibles de la primer pregunta, se me active la segunda pregunta. Lo he probado todo pero no lo consigo.
El código que he usado es el siguiente...

Código HTML:

<html>
<head>
<script language="javascript">

	function habilita(){
	 document.frm.opt2.disabled = false;
	}
	
	function deshabilita(){
	 document.frm.opt2.disabled = true;
	 document.frm.opt2.value = "";
	}

</script>
</head>
<body>
	<p><strong>Cuestionario </strong></p>
	<form name="frm">
	<table width="500" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="20"><strong>1.-&nbsp;&iquest; pregunta 1 ?</strong></td>
      </tr>
      <tr>
        <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="35" height="20">&nbsp;</td>
              <td bgcolor="#F2F2F2">&nbsp;&nbsp;a.- opcion 1 (responda pregunta 3) </td>
              <td width="40" bgcolor="#F2F2F2"><input name="opt1" type="radio" value="1a" onClick="habilita()"></td>
            </tr>
            <tr>
              <td width="35" height="20">&nbsp;</td>
              <td bgcolor="#F2F2F2">&nbsp;&nbsp;b.- opcion 2 </td>
              <td width="40" bgcolor="#F2F2F2"><input name="opt1" type="radio" value="1b" onClick="deshabilita()"></td>
            </tr>
            <tr>
              <td width="35" height="20">&nbsp;</td>
              <td bgcolor="#F2F2F2">&nbsp;&nbsp;c.- opcion 3 </td>
              <td width="40" bgcolor="#F2F2F2"><input name="opt1" type="radio" value="1c" onClick="deshabilita()"></td>
            </tr>
            <tr>
              <td width="35" height="20">&nbsp;</td>
              <td bgcolor="#F2F2F2">&nbsp;&nbsp;d.- opcion 4 </td>
              <td width="40" bgcolor="#F2F2F2"><input name="opt1" type="radio" value="1c" onClick="deshabilita()"></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td height="30">&nbsp;</td>
      </tr>
      <tr>
        <td height="20"><strong>2.-&nbsp;(Activar s&oacute;lo si respuesta 2 es a) &iquest; pregunta 2 ?</strong></td>
      </tr>
      <tr>
        <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="35" height="20">&nbsp;</td>
              <td bgcolor="#F2F2F2">&nbsp;&nbsp;a.- S&iacute; </td>
              <td width="40" bgcolor="#F2F2F2"><input name="opt2" type="radio" value="2a" disabled></td>
            </tr>
            <tr>
              <td width="35" height="20">&nbsp;</td>
              <td bgcolor="#F2F2F2">&nbsp;&nbsp;b.- No, ya dispon&iacute;a de tarjeta Wi-fi integrada en el ordenador</td>
              <td width="40" bgcolor="#F2F2F2"><input name="opt2" type="radio" value="2b" disabled></td>
            </tr>
        </table></td>
      </tr>
    </table>
	</form>
</body>
</html>

Alguien me puede echar una mano??
Muchas gracias
Saludos Romanos
Moloko