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