Obtener el value de un radiobutton con php

salvador86 · #1 (**permalink**) 05/10/2010, 15:54

Hola tengo un atraso con unos radios button, el primero tiene valor "si" y el segundo "no" y quiero que si los usuarios activan el radio "si" se muestre un textbox y si activan "no" desaparesca. lo intentado con este código pero no me sale aún, espero su ayuda, muchas gracias.

Código HTML:

<input name="OtrasViajan" type="radio" id="OtrasViajan" value="si" checked>
<input type="radio" name="OtrasViajan" id="OtrasViajan" value="no">

Código PHP:

  <? 
$valor = $_POST['OtrasViajan'];  
if($valor=="si"){ 
echo'<td width="94">&iquest;Cu&aacute;ntas personas?</td>'; 
echo'<td width="15">:</td>'; 
echo'<td width="64"><input name="CuantasPersonas" type="text" class="stcajatexto" id="CuantasPersonas" size="3" /></td>'; 
}else{ 
echo'<td width="94">&nbsp;</td>'; 
echo'<td width="15">&nbsp;</td>'; 
echo'<td width="64">&nbsp;</td>'; 
} 
?>

pateketrueke · #2 (**permalink**) 05/10/2010, 16:00

primero deberías aprender lo básico de HTML y formularios, ya después puedes usar PHP para recibir datos...

te invito a leer lo siguiente:
http://www.php.net/variables.external

sin embargo, la forma en que lo haces es correcta... al menos, si estas usando un formulario con el método POST no debería existir inconveniente...

memoadian · #3 (**permalink**) 05/10/2010, 16:06

Código PHP:

Ver original<?php //nunca te olvides de esto "php"
$valor = $_POST['OtrasViajan']; 
if($valor=="si")
{
?>
<input type="text" name="CuantasPersonas" class="stcajatexto" id="CuantasPersonas" size="3" />
<?php
}
else
{
?>
ehm... nada?
<?php
}
?>

Urso · #4 (**permalink**) 05/10/2010, 16:40

tengo una solucion pero es en javascript, no se si sirva.

TECKNOCK · #5 (**permalink**) 05/10/2010, 16:57

Tienes que tomar en cuenta la diferencia entre LADO CLIENTE y LADO SERVIDOR,

Recuerda que todo lo que haga tu Usuario en su máquina solo lo puedes manejar con PHP en tu servidor cuando se haya enviado el <FORM> y la pagina se haya vuelto a cargar en la PC del usuario.

Por otra parte no creo que te convenga recargar toda la pagina cada vez que el usuario haga click en SI o NO

En todo caso lo que quieres es una acción solo para el LADO CLIENTE, asi que lo mejor es utilizar JavaScript

Aca te dejo un código que espero te sirva:

Código PHP:

  <!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>P&#225;gina de PRUEBA</title> 
<style type="text/css"> 
body, td, th { 
    FONT-FAMILY: Arial; 
    COLOR: #06C; 
    FONT-SIZE: small; 
} 
</style> 
<script type="text/javascript"> 
 
function Desplegar(MiTabla, Opcion)  
{ 
    var Tabla = document.getElementById(MiTabla); 
    var Opcion = document.getElementById(Opcion); 
 
    switch(Tabla.style.display) 
    { 
        case "none": 
            Tabla.style.display = "block"; 
            Opcion.innerHTML = "[Ocultar TABLA]" 
            break; 
        default: 
            Tabla.style.display = "none"; 
            Opcion.innerHTML = "[Mostrar TABLA]" 
            break; 
    } 
} 
</script> 
</head> 
<body> 
 
    <!--    Aquí se muestra la opción MOSTRAR-OCULTAR    --> 
    <p align="center" onclick="Desplegar('MiTabla','Opcion')" ondblclick="desplegar('Tipo','Opcion')" id="Opcion" style="color:#0C0; cursor:pointer">[Mostrar TABLA]</p></td> 
     
    <!--     TABLA CON OPCIONES PARA TIPO DE EXPEDIENTE    --> 
     
    <table border="1" id="MiTabla" align="center" style="color:#06C; display:none"> 
      <tr> 
        <td> 
            Tu texto aquí: <input type="text" name="MiTXT" /> 
        </td> 
      </tr> 
    </table> 
</body> 
</html>

Guarda esta página con el nombre PRUEBA.HTML y abrela con cualquier navegador.

Notarás que en todo el código no utilicé nada de PHP ya que no necesito nada del SERVIDOR.

salvador86 · #6 (**permalink**) 06/10/2010, 07:32

Gracias a todos por sus sugerencias voy a probar los códigos y les cuento como me fue. gracias

salvador86 · #7 (**permalink**) 07/10/2010, 07:37

Hola TECKNOCK tu ejemplo es muy bueno, me gustaria modificarla para que un optionbutton muestre la tabla que se despliega y otro optionbutton lo oculte. Yo lo intente en este ejemplo http://www.peru-expeditions.com/Peru...c-reservas.php hay una opción que dice "Por tarjeta de crédito" como esta activado se oberva abajo cual tarjeta desea usar y si selecciona "Transferencias de dinero" se oculta pero si le doy un segundo clic vuelve a mostrarlo, bueno creo por ambos llaman a la misma función. este es el código aunque no varia del tuyo

Código PHP:

  function Desplegar(MiTabla, Opcion){  
    var Tabla = document.getElementById(MiTabla);  
    var Opcion = document.getElementById(Transferencia);  
    switch(Tabla.style.display){  
    case "none":  
        Tabla.style.display = "block";  
        break;  
    default:  
        Tabla.style.display = "none";  
        break;  
    }  
}

Y estos son mis optionbutton

Código HTML:

<input name="Transferencia" type="radio" id="Transferencia" value="por tarjeta de cr&eacute;dito" checked onClick="Desplegar('MiTabla','Opcion')">
<input name="Transferencia" type="radio" id="Transferencia" value="de dinero" onClick="Desplegar('MiTabla','Opcion')">

Como es un formulario que enviara información necesito que sean optionbutton para recibir su value, echeme una mano muchas gracias.

TECKNOCK · #8 (**permalink**) 08/10/2010, 15:34

Salvador86, acá te dejo el código modificado para 2 Radio que despliegan 2 tablas diferentes.

Código PHP:

  <!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>Pagina de PRUEBA</title> 
<style type="text/css"> 
body, td, th { 
    FONT-FAMILY: Arial; 
    COLOR: #06C; 
    FONT-SIZE: small; 
} 
</style> 
<script type="text/javascript">  
 
function Desplegar(MiTabla)   
{  
    var Tabla = document.getElementById(MiTabla);  
    Tabla.style.display = "block";  
} 
function Contraer(MiTabla)   
{  
    var Tabla = document.getElementById(MiTabla);  
    Tabla.style.display = "none";  
} 
</script> 
</head> 
<body> 
 
<!--    Aquí se muestra la opción MOSTRAR-OCULTAR    --> 
<div align="center"> 
  <input name="MiRadio" type="radio" onclick="Desplegar('MiTabla1'); Contraer('MiTabla2')" checked /> 
  Opcion1 <br /> 
  <input name="MiRadio" type="radio" onclick="Desplegar('MiTabla2'); Contraer('MiTabla1')" /> 
  Opcion2 </div> 
<!--     TABLA CON OPCIONES PARA TIPO DE EXPEDIENTE    --> 
 
<table border="1" id="MiTabla1" align="center" style="background-color:#FF9; color:#06C; display:block"> 
  <tr> 
    <td align="center"> Esta es la Tabla 1 </td> 
  </tr> 
  <tr> 
    <td> T1_Dato1 
      <input type="text" name="T1_Dato1" /> 
      <br /> 
      <br /> 
      T1_Dato2 
      <input type="text" name="T1_Dato2" /> 
      <br /> 
      <br /> 
      T1_Dato3 
      <input type="text" name="T1_Dato3" /></td> 
  </tr> 
</table> 
<table border="1" id="MiTabla2" align="center" style="background-color:#FCC; color:#06C; display:none"> 
  <tr> 
    <td align="center"> Esta es la Tabla 2 </td> 
  </tr> 
  <tr> 
    <td> T2_Dato1 
      <input type="text" name="T2_Dato1" /> 
      <br /> 
      <br /> 
      T2_Dato2 
      <input type="text" name="T2_Dato2" /> 
      <br /> 
      <br /> 
      T2_Dato3 
      <input type="text" name="T2_Dato3" /></td> 
  </tr> 
</table> 
</body> 
</html>

- Fijate que cambié la FUNCTION en JAVASCRIPT y la convertí en 2 más sencillas.

- Te recomiendo diferenciar los nombres de los campos en la Tabla1 y la Tabla2, porque si los vas a poner en un mismo FORM puede haber confusión con los nombres repetidos.

salvador86 · #9 (**permalink**) 11/10/2010, 12:00

Hola TECKNOCK excelente gracias por tu ayuda, me es de gran ayuda