habilitar campo text al hacer click en radio button

susaninhax · #1 (**permalink**) 03/01/2006, 13:03

Buenas compañeros;

Feliz año a todos de antemano!!!

He estado buscando en las faqs, pero no encuentro lo que busco exactamente. tengo un formulario,y cuatro radio butons, pero necesito que cuando pinche en el cuarto radio buton, se me active un campo de texto tipo text y poder escribir en el. Como puedo validar eso? he estado mirando la propiedad disable, y he visto alguna función pero no consigo hacerla funcionar, la que mas separece a mi caso es este post

http://forosdelweb.com/showthread.ph...hlight=disable

Pero a mí no me funciona supongo porque me falta algo que ahí no anotan

Espero que me ayuden, ante todo , muchísimas gracias, y que estos reyes se porten bien con todos

JavierB · #2 (**permalink**) 03/01/2006, 13:15

Hola susaninhax

Prueba con esto:

Código:

<form>
<input type="radio" name="rad" />
<input type="radio" name="rad" onclick="pepe.disabled = false" />
<input type="text" name="pepe" disabled="disabled" />
</form>

Saludos,

caricatos · #3 (**permalink**) 03/01/2006, 13:22

Hola:

Se me adelantó javierB (¡Hola

), aunque yo modificaría su código, para que se habilite o deshabilite con el mismo radio:

<input type="radio" name="rad" onclick="pepe.disabled = !this.checked" />

Fíjate en el carácter "!"

Saludos

JavierB · #4 (**permalink**) 03/01/2006, 13:28

Hola caricatos

No entiendo el código que has puesto

cuando haces click en un radio button siempre estará checked ¿no? la única forma de desmarcarlo es pulsando otro radio en el mismo name

Lo que si me ha faltado (aunque creo que se sobreentiende) es poner el otro radio para que deshabilite el textbox

Código:

<input type="radio" name="rad" onclick="pepe.disabled = true" />
<input type="radio" name="rad" onclick="pepe.disabled = false" />
<input type="text" name="pepe" disabled="disabled" />

Saludos,

caricatos · #5 (**permalink**) 03/01/2006, 13:46

Hola:

Tienes razón, es que tengo algunas cosas de ese estilo pero en vez de radios con checkboxes (me parece más adecuado)...

Si en vez de radios fuesen checkboxes solo haría falta uno y serviría el código que puse.

Saludos

¿que tal las uvas?

JavierB · #6 (**permalink**) 03/01/2006, 13:53

Las uvas bien, el turrón estupendo y el cava...

susaninhax · #7 (**permalink**) 04/01/2006, 02:40

ostris, muchas gracias por la rapidez en contestar

voy a probarlo ahora mismo, muchísimas gracias a los dos

susaninhax · #8 (**permalink**) 04/01/2006, 03:00

muchísimas gracias!!! funcionó perfectamente.

saludoss!!!!!

Tarecito · #9 (**permalink**) 25/09/2006, 08:59

y si en vez de habilitar el textbox seria ir colocando los valores del checkbox? como haces para q cuando desmarques el checkbox se elimine el valor del textbox?

yo tengo esto:

<TD align="center" width="10%"><input type="checkbox" name="<%Response.Write(rs("cod_hosp")) %>" value="<%Response.Write(rs("cod_hosp")) %>" onclick="list_hosp.value+=this.value+','"></TD>

el campo list_hosp es donde voy ingresando los valores de cada checkbox q marco, pero no se como hacer para borrar el valor al desmarcar el checkbox.

JavierB · #10 (**permalink**) 25/09/2006, 09:40

Hola Tarecito

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function poner(obj) {
  if (obj.checked)
    document.forms[0]['txt'].value += obj.value;
  else {
    t = document.forms[0]['txt'].value;
    t = t.split(obj.value).join('');
    document.forms[0]['txt'].value = t;
  }
}
</script>
</head>
<body>
<form>
<input type="checkbox" value="uno" onclick="poner(this)" />
<input type="checkbox" value="dos" onclick="poner(this)" />
<input type="checkbox" value="tres" onclick="poner(this)" />
<input type="text" name="txt" />
</form>
</body>
</html>

Saludos,

Tarecito · #11 (**permalink**) 25/09/2006, 12:13

funciona excelente, muchas gracias amigo JavierB

PedroJTR · #12 (**permalink**) 12/02/2008, 12:06

QUe bueno!!!!
Se parece auno que probe hace time!!!

Pero me gustaría hacerlo teniendo 2 textarea y 2 radios...
Al darle click a un radio se habilite un textarea y se deshabilite el otro, y visceversa...!

Como haríamos en ese caso?

ireire · #13 (**permalink**) 29/03/2009, 09:52

Cita:

Iniciado por JavierB

Hola caricatos

No entiendo el código que has puesto

cuando haces click en un radio button siempre estará checked ¿no? la única forma de desmarcarlo es pulsando otro radio en el mismo name

Lo que si me ha faltado (aunque creo que se sobreentiende) es poner el otro radio para que deshabilite el textbox

Código:

<input type="radio" name="rad" onclick="pepe.disabled = true" />
<input type="radio" name="rad" onclick="pepe.disabled = false" />
<input type="text" name="pepe" disabled="disabled" />

Saludos,

Hola JavierB
mmm..estoy aciendo mi primera pagina web en html y di cn tu respuesta para habilitar una caja de texto dependiendo de un boton de radio, y me funciona muy bien, pero no en mozilla.
alguien me podia ayudar¿?¿soy nueva en esto de los foros y ando un poco perdida, gracias.