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.
Sobre: jQuery
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.
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.
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.
Gracias