Seleccionar una opción de un grupo de opciones con radio buttons

Seleccionar una única opción de un grupo de opciones se puede hacer de varias formas. Esta idea se suele emplear por ejemplo en para responder a una encuesta o seleccionar un país de un selector de paises.

Una de ellas es utilizando los elementos html radio buttons dentro de un formulario de la siguiente manera:

<form name="input" action="index.php" method="post" onsubmit="return verificaRadios(this)">
    <input type="radio" name="dia" value="lunes" /> Lunes<br />
    <input type="radio" name="dia" value="martes" /> Martes<br />
    <input type="radio" name="dia" value="miercoles" /> Miercoles<br />
    <input type="radio" name="dia" value="jueves" /> Jueves<br />
    <input type="radio" name="dia" value="viernes" /> Viernes<br />
    <input type="submit" name="submit" value="Submit" />
</form>

Con este código mostraríamos lo siguiente:

Al seleccionar una opción y pulsar el botón «Submit» pasaremos a procesar los datos como convenga con PHP, pero antes se comprobará que se haya seleccionado alguna opción tanto con javascript como con php.

Para verificar con javascript tendremos una función que la llamaremos cada vez que se pulse el botón «Submit» con el atributo onsubmit de la etiqueta <form> como vemos en el código de ejemplo de más arriba.

<script type="text/javascript">
    function verificaRadios(form){
        marcado=false;
        for ( var i = 0; i < form.dia.length; i++ ) {
            if (form.dia[i].checked)
                marcado = true;
        }

        if(!marcado){
            alert("Por favor, debe elegir una opción!");
            return false;
        }
        else{
            return true;
        }
    }
    </script>

Y la comprobación php:

<?php
if (isset($_POST['submit'])) {
    if (isset($_POST['dia']))
        echo 'Has seleccionado el dia '.$_POST['dia'];
    else
        echo 'Debes seleccionar una opción.';
}
?>

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(12 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

3 respuestas a “Seleccionar una opción de un grupo de opciones con radio buttons”

  1. javier moreno dice:

    cuando es un formulario php con el action dentro de variables no funciona., debido a que el boton action lo que hace es obedecer a la secuencia, (eje subida de datos, actualizaciones,,, etc.) lo he puesto incluso antes de las sentencias de upload o insert, y nada

  2. Javier Gutiérrez dice:

    Gracias. Buen Aporte!!!!

  3. Terry Yerhot dice:

    Its excellent as your other content : D, appreciate it for posting .

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre