Hacer aparecer un campo de texto o otro dependiendo de un radio button??

@padawan@ · #1 (**permalink**) 08/07/2005, 10:25

es asi , necesito que dependiendo de que opcion eligo de un boton radio me aparesca determinado campo de texto u otro y no se como se hace, ayuda por favor.

Lucas

JavierB · #2 (**permalink**) 08/07/2005, 10:41

Hola @padawan@. Bienvenido al foro.

Prueba esto:

Código PHP:

  <html>

<head>

<script>

function mostrar(frm,num) {

  if(num==0) {

    frm.txt1.style.visibility='visible';

    frm.txt2.style.visibility='hidden';

  }

  else {

    frm.txt1.style.visibility='hidden';

    frm.txt2.style.visibility='visible';

  }

}

</script>

</head>

<body>

<form>

<input type="radio" name="rad" checked="checked" onclick="mostrar(this.form,0)" />

<input type="radio" name="rad" onclick="mostrar(this.form,1)" />

<input type="text" name="txt1" />

<input type="text" name="txt2" style="visibility:hidden" />

</form>

</body>

</html>

Saludos,

@padawan@ · #3 (**permalink**) 08/07/2005, 12:55

muchas gracias , anda perfecto , pero ahora tengo otro inconveniente, lo que yo quiero hacer es lo siguiente :

tengo dos radio buttons que son "si" o "no", si se selecciona "si" quiero que aparesca:

Código HTML:

<tr> 
   <td >Usuario</td>
   <td><input type="text" name="txtUsuario"></td>
</tr>
<tr> 
   <td>Clave</td>
   <td><input type="password" name="txtClave"></td>
</tr>

y si se seleccion "no" quiero que aparesca:

Código HTML:

<tr> 
   <td >Email</td>
   <td><input type="text" name="txtEmail"></td>
</tr>
<tr> 
   <td>&nbsp;</td>
   <td>&nbsp;</td>
</tr>

eso es lo que necesito realmente , el ejemplo que me explicaste anteriormente funciona re bien , pero no lo pude adaptar para esto porque no se como hacer invisible al texto, si me ayudas con esto me salvas, gracias por la bienvenida y por la ayuda, saludos.

Lucas

JavierB · #4 (**permalink**) 08/07/2005, 13:29

Hola de nuevo.

Código PHP:

  <input type="radio" name="rad" onclick="mostrar(0)" />

<input type="radio" name="rad" onclick="mostrar(1)" />

<table border="1">

<tr id="f1" style="display:none"> 

   <td >Usuario</td>

   <td><input type="text" name="txtUsuario"></td>

</tr>

<tr id="f2" style="display:none"> 

   <td>Clave</td>

   <td><input type="password" name="txtClave"></td>

</tr>

 
<tr id="f3" style="display:none"> 

   <td >Email</td>

   <td><input type="text" name="txtEmail"></td>

</tr>

<tr id="f4" style="display:none"> 

   <td>&nbsp;</td>

   <td>&nbsp;</td>

</tr>

</table>

Y la función para mostrar/ocultar:

Código PHP:

  function mostrar(num) {

  if(num==0) {

    document.getElementById('f1').style.display = '';

    document.getElementById('f2').style.display = '';

    document.getElementById('f3').style.display = 'none';

    document.getElementById('f4').style.display = 'none';

  }

  else {

    // Esto te lo dejo a tí para que te entretengas

  }

}

Saludos,

@padawan@ · #5 (**permalink**) 08/07/2005, 14:32

muchisimas pero muchisimas gracias, funciona de maravillas , saludos y gracias.

Lucas

JavierB · #6 (**permalink**) 09/07/2005, 02:43

Muchiiisimas de nada. Me alegro de que te haya servido. Hasta otra

mlopez2667 · #7 (**permalink**) 06/09/2011, 10:12

amigo una pregunta? acabo de hacer que se me desaparezca los campos de textos cada vez que le doy a un radiobutton pero le doy a otro y se me muestran dos campos de texto cuando no estan habilitados, gracias de antemano