Obtener el valor del radioButton seleccionado en Jquery

Si tienes un formulario e incluye radiobutton, puedes obtener el valor del elemento seleccionado de la siguiente manera:

 $("input[@name='nombre del grupo']:checked").val(); 

Actualización: La nueva sintaxis es la siguiente: (Gracias Claudio y JCesar)

$("input[name='nombre del grupo']:checked").val(); 

Recursos:
JQuery : Web, tutorial y documentación

Acerca de Víctor

Programador, deportista y bloguero.

Publicado el 14 enero, 2009 en Javascript y etiquetado en , , . Guarda el enlace permanente. 29 comentarios.

  1. Parece algo muy simple, pero llevaba un rato buscando y no había encontrado como hacerlo.. MUCHAS GRACIAS!!!

  2. Para eso estamos ;)

  3. Gracias me salvaste de una

  4. Muchas gracias!! sencillo pero no se me habia ocurrido.

  5. Hago lo mismo, pero me toma un checkbox también, y yo sólo quiero unos radiobutton, el checkbox tiene otro nombre.

    Qué podrá pasar?

  6. Hola, utilicé el script, pero al igual que a Patricio B me retornaba el valor del primer radio que encontraba, por más de que éste tuviera otro nombre.

    Lo pude solucionar quitando la arroba:
    $(“input[name='nombre del grupo']:checked”).val();

  7. OJO
    cuando uno pone varios radios agarra solo el primer radio,
    me pasaba lo mismo q patricio y claudio
    gracias

  8. Gracias funciona perfecto =)

  9. excelente!!
    muy simple y efectivo , y al igual que claudio, el query sirve cuando le quitamos el ‘@’.
    gracias

  10. genial amigo, Gracias

  11. Gracias amigo, llevaba mucho rato buscandolo

  12. Excelente!!! que grande sos

  13. me salvaste dia MIL GRACIAS

  14. gracias por el Dato, lo estava buscando.

  15. A mi funciona asi, agregandole :radio al input
    $(“input:radio[name='nombre del grupo']:checked”).val();

  16. Espero me puedan ayudar…
    tengo un radio con el name
    while($reg=mysql_fetch_array($respuesta)) {
    echo “”
    }

    como son varios registros solo cuando lo envio en el submit aquí tengo un script
    este script llama a otra pagina php.
    function FormularioUsuarios(){
    $.post(‘Conexiones/pagina1.php’,
    {info: form_seleccion.nombre.value},
    function(output){
    $(‘.calendario’).html(output).show(“slow”);
    });
    }

    al momento de capturarlo en ‘pagina1.php’ lo ago asi:

    $captura= mysql_real_escape_string($_POST['info']);

    y me marca error de que no se pudo mostrar.
    el problema ya se cual es, lo que no se es la solución.
    Lo he conseguido enviar quitando el ‘input>hidden’ del ‘WHILE’ y poniendolo fuera.
    al parecer no puedo enviar más de un ‘name’ por este script.

    espero me haya explicado bien, sin mas que decir gracias.

  17. No se si te he entendido bien. Si deseas enviar un formulario, jquery proporciona plugin que permiten realizar esto sin complicaciones para después procesarlo en PHP. Este plugin lo he empleado más de una vez en algún proyecto: http://jquery.malsup.com/form/

    Saludos

  18. Juan Carlos Mosqueda

    Se podria usar tambien el serialize();

  19. Solucion corta y elegante me gusta, gracias!

  20. podias actualizar el post para quitar la @, que ya no se necesita y además da problemas

    sería así, como ya te han dicho antes.

    $(“input[name='nombre del grupo']:checked”).val();

    saludos

  21. Hecho. Gracias JCesar

  22. v_omar me salvaste la vida XD gracias :)

  23. me salvaste todo el dia probando senetencias!! funciona de diez gracias

  24. Gracias desde Vigo España por me a ayudado mucho para un proyecto.

  25. Muchísimas gracias, había encontrado otras soluciones pero sin duda esta es la mejor de todas! Muy útil ;)

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.