Un botón de opción es una forma de restringir a los usuarios para que solo tengan una opción. Algunos ejemplos son: Hombre / Mujer, Sí / No o respuestas a encuestas y cuestionarios.

Aquí hay un simple desde con solo dos botones de opción y un botón Enviar:

Puede encontrar el código de la página anterior en los archivos que descargó, en la carpeta de scripts. El archivo se llama radioButton.php. Ábrelo en tu editor de texto. Si desea copiarlo y pegarlo, haga clic a continuación.

La forma del botón de radio

Asegúrese de guardar su trabajo como radioButton.php, ya que ahí es donde estamos publicando el formulario. a sí mismo.

Para obtener el valor de un botón de radio con código PHP, nuevamente acceda al atributo NAME de los elementos del formulario HTML. En el HTML anterior, ¿el NOMBRE de los botones de opción es el mismo? "género". El primer botón de opción tiene un valor de "masculino" y el segundo botón de opción tiene un valor de mujer. Cuando escribe su código PHP, son estos valores los que se devuelven. Aquí hay algo de código PHP. Agréguelo a la sección HEAD de su HTML:

$ selected_radio = $ _POST['gender'];
imprimir $ selected_radio;

?>

¡Este es más o menos el mismo código que usamos para el cuadro de texto! ¿Lo único que ha cambiado (aparte del nombre de la variable) es el NOMBRE del elemento de formulario HTML al que queremos acceder? "género". La última línea simplemente imprime el valor en la página. Nuevamente, sin embargo, podemos agregar código para detectar si el usuario hizo clic en el botón Enviar:

if (isset ($ _ POST['Submit1'])) {

$ selected_radio = $ _POST['gender'];
imprimir $ selected_radio;

}

De nuevo, ¿este es el mismo código que viste antes? simplemente acceda al elemento de formulario llamado 'Submit1' y vea si está configurado. El código solo se ejecuta si lo es.

Prueba el código. Seleccione un botón de radio y haga clic en el botón Enviar. La elección que hizo se imprime en la página, ya sea "masculino" o "femenino". Sin embargo, lo que notará cuando pruebe el código es que el punto desaparece del botón de opción seleccionado después de hacer clic en Enviar. Nuevamente, PHP no retiene el valor que seleccionó. Sin embargo, la solución para los botones de opción es un poco más compleja que para los cuadros de texto.

Los botones de opción tienen otro atributo: marcado o no marcado. Debe establecer qué botón seleccionó el usuario, por lo que debe escribir código PHP dentro del HTML con estos valores, marcados o sin marcar. He aquí una forma de hacerlo:

El código PHP:

$ male_status = "sin marcar";
$ female_status = "sin marcar";

if (isset ($ _ POST['Submit1'])) {

$ selected_radio = $ _POST['gender'];

if ($ selected_radio = = 'male') {

$ male_status = "comprobado";

}
else if ($ selected_radio = = 'female') {

$ female_status = "comprobado";

}

}

?>

El código del FORMULARIO HTML:


> Hombre


> Mujer


¿Dijimos un poco más complejo? De acuerdo, ¡es mucho más complejo que cualquier código que hayas escrito hasta ahora! Primero eche un vistazo al código PHP dentro del HTML:

Esta es solo una declaración impresa. Lo que se imprime es el valor dentro de la variable. Lo que está dentro de la variable será la palabra "marcada" o la palabra "no marcada". Depende de la lógica de nuestro PHP largo en la parte superior de la página. Analicemos eso.

Primero tenemos dos variables en la parte superior del código:

$ male_status = "sin marcar";
$ female_status = "sin marcar";

Ambos se configuran como desmarcados. Eso es solo en caso de que se actualice la página, en lugar de hacer clic en el botón Enviar.

A continuación, tenemos nuestra comprobación para ver si se hace clic en Enviar:

if (isset ($ _ POST['Submit1'])) {

}

Exactamente igual que antes. Como es la siguiente línea que pone qué botón de opción se seleccionó en la variable:

$ selected_radio = $ _POST['gender'];

Entonces necesitamos algo de lógica condicional. Necesitamos establecer una variable en "marcada", por lo que tenemos un si, si no ?? Si construcción:

if ($ selected_radio == 'male') {

}
else if ($ selected_radio == 'female') {

}

Todo lo que estamos haciendo es probar lo que está dentro de la variable llamada $ selected_radio. Si es 'masculino', haz una cosa; si es 'femenino', haz otro. Pero mira lo que estamos haciendo:

if ($ selected_radio == 'male') {

$ male_status = "comprobado";

}
else if ($ selected_radio = = 'female') {

$ female_status = "comprobado";

}

Si se hizo clic en el botón 'masculino', establezca el $ male_status variable a un valor de 'comprobado'. Si se hizo clic en el botón de opción 'femenino', configure el $ female_status variable a un valor de 'comprobado'.

Entonces el código funciona debido a los valores dentro de dos variables: $ male_status y $ female_status.

Sí, ¿el código es muy complicado? pero los botones de radio pueden ser bastante complicados cuando se desea conservar el valor del elemento seleccionado. Hablando de complicado? ¡Las casillas de verificación son las siguientes!

Recomendado para ti