Activar input al precionar un radio

joelluis17 · #1 (**permalink**) 29/01/2009, 14:45

HOLA, tengo un problema, estoy realizando un formulario para un sistema de registro de siembras agricolas, el cual es asi;

tengo un campo llamado tipo de cuidado de las plantas: campo=tipo_cuidado

este campo es de tipo RADIO, ya que se debe selecionar de una lista de tipos de cuidados que es asi:

* OPCION1
* OPCION2
* OPCION3
* OPCION4
* OTRO ---------------> este otro es porsi nunguna de las opciones es la indicada entonces al dar click en ese RADIO llamado OTRO quiero que se active un INPUT tipo TEXT que tambien se llame tipo_cuidado para poder especificar ese tipo de cuidado....

De antemano, gracias por su ayuda

SetheR · #2 (**permalink**) 29/01/2009, 17:30

Creo que eso lo tienes que hacer con Javascript. Yo al menos lo plantearía asi..luego que salga es otra cosa xD.

Metería el campo de seleccion dentro de un div X. En el campo de seleecion pondría un evento onclick a OTRO que al clicar, obviamente, me cambiase el contenido del div por un input (con el mismo id que el otro) para poder matizar el valor de OTRO.

Si no me saliese, luego probaría con cambiar los valores del atributo value, pero bueno, eso para mi ya sería algo más complicado..

insisto que creo que el foro de javascript recibirías mejor ayuda..

Un saludo

vicram10 · #3 (**permalink**) 29/01/2009, 19:59

Puedes probar de la siguiente forma,

el ejemplo: es con un checkbox

que habilita un input text para cargar el mismo

Código HTML:

<!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=iso-8859-1" />
<title>Prueba de Habilitar y Deshabilitar Input</title>
<script type="text/javascript">
<!--
        function habilitaDeshabilita(form)
        {
            if (form.ocultar.checked == true)
            {
                form.texto.disabled = false;
            }
            if (form.ocultar.checked == false)
            {
                form.texto.disabled = true;
            }                                                
        }
//-->
</script>
</head>
<body>
    <form>
    <input type="checkbox" name="ocultar" value="categorias" onclick="habilitaDeshabilita(this.form)">
    <input type="text" name="texto" value="Checkear para Habilitar y Deshabilitar" disabled="disabled" size="50" />
    </form>
</body>
</html>

Prueba y verifica si es lo que quieres

salu2