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