Funcion para desabilitar/desabilitar campo de un formulario

juaniquillo · #1 (**permalink**) 13/11/2007, 12:47

hola a todos. Estoy tratando de adaptar unas funcione sacadas del FAQ y no puedo hacerlas funcionar debido a mi inexperiencia con javascript. Esto es lo que quiero. Tengo una parte de un formulario en el cual uso radiobuttons para poder habilitar/desabilitar otras opciones:

Veo que puedo poner OnClick="document.getElementById('id_campo').disab led = false;", y hacer lo mismo para desabilitar los otros, pero me gustaría crear una función para tenerlo todo ordenado y re-usar código. Esto es lo que tengo:

Código HTML:

<script language="JavaScript" type="text/javascript">

   function habilita(campo_hab){
    document.getElementById('campo_hab').disabled = false;
   }

   function deshabilita(campo_des){
    document.getElementById('campo_des').disabled = true;
    document.getElementById('campo_des').value = "";
   }

  </script>

y asi llamo a la funcion:

Código HTML:

onClick="habilita('campo1');"

Pero no funciona. Cualquier ayuda será grandemente agradecida.

saludos

JavierB · #2 (**permalink**) 13/11/2007, 12:56

Hola juaniquillo

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
var habil = null;
function habilita(campo) {
  obj = document.forms[0][campo];
  obj.disabled = false;
  if (habil)
    habil.disabled = true;
  habil = obj;
}
</script>
</head>
<body>
<form>
<input type="radio" name="rad" onclick="habilita('campo1')" />
<input type="text" name="campo1" disabled="disabled" /><br />
<input type="radio" name="rad" onclick="habilita('campo2')" />
<input type="text" name="campo2" disabled="disabled" /><br />
<input type="radio" name="rad" onclick="habilita('campo3')" />
<input type="text" name="campo3" disabled="disabled" /><br />
</form>
</body>
</html>

Saludos,

juaniquillo · #3 (**permalink**) 13/11/2007, 13:23

AHHHHHHHHH!! funciona perfecto..... Gracias Javier.. que bine se resuelve todo con tan poco código.. me tengo que meter en lleno en JS y aprender a usar objetos...

saludos y gracias...