Comprobar los valores de un radiobutton con jQuery

En muchas ocasiones es interesante conocer si algún radiobutton ha sido seleccionado. Para hacerlo con jQuery es muy sencillo.

Imaginemos el siguiente escenario, una web en la que pueda seleccionar el sexo de una persona:

<input type=”radio” name=”sexo” value=”M” /> Mujer
<input type=”radio” name=”sexo” value=”H” /> Hombre

Para saber si hay seleccionado algún radiobutton valdrá con el siguiente código (esto serviría por ejemplo para una validación):

if(!$(“input[name=sexo]:checked”).val()) {
alert(‘No hay ninguna opción seleccionada. Debe seleccionar una de ellas’);
}

Otro ejemplo, sería si según el sexo de la persona, tendríamos que realizar unas acciones u otras. Para ello tendríamos que ver cual es el valor del radiobutton seleccionado. Esto se haría así:

if($(“input[name=sexo]:checked”).val()==”H”) {
// Acciones en caso de ser hombre
} else if($(“input[name=sexo]:checked”).val()==”M”) {
// Acciones en caso de ser mujer
}

Estos fragmentos de código se pueden meter en un método que llama cuando se pulsa un botón o se realiza un evento que nos interese.

Share

Sobre:


4 Respuestas para “Comprobar los valores de un radiobutton con jQuery”

  1. Mario Campos dice:

    Hola,

    Buen tips, pero incompleto. No funciona.

    Si lo pudieras poner completo, pensando en que, los que buscamos ayuda no somos expertos, sería excelente.

    Gracias.

  2. Mario, en su día lo probé y funcionaba. He puesto una nota en el articulo por si ayuda algo más.

    Si no te va, dime que error da o que pretendes hacer y así te podré ayudar mejor.

  3. Ernesto De Frias dice:

    Hola comunidad, me gustaria implementar un codigo asi:

    ¿Cual es la opcion?
    Opcion 1
    Opcion 2
    Opcion 3

    COMPROBAR

    Entonces que al pulsar “COMPROBAR” jquery me devuelva la opcion predefinida como correcta. Es decir que solo la opcion 3 seria correcta, las demas incorrectas.

  4. Ernesto De Frias dice:

    Gracias

Deja tu comentario


Esta página web utiliza cookies para mejorar tu visita adaptando la navegación a tus preferencias.
Para seguir navegando tienes que Aceptar las política de cookies. Más información