jquery - seleccionado - Obtener valor del grupo de botones de radio

radio button jquery

Question

Estoy tratando de obtener el valor de dos grupos de botones de radio utilizando la sintaxis de jQuery como se indica a continuación. Cuando se ejecuta el siguiente código, obtengo el valor seleccionado del primer grupo de botones de opción dos veces en lugar de obtener el valor de cada grupo individual.

¿Estoy haciendo algo obviamente mal aquí? Gracias por cualquier ayuda :)

<a href=''#'' id=''check_var''>Check values</a><br/><br/>
<script>
  $(''a#check_var'').click(function() {
    alert($("input:radio[''name=r'']:checked").val()+ '' '' +
          $("input:radio[''name=s'']:checked").val());
  });
</script>
Group 1<br/>
<input type="radio"  name="r" value="radio1"/> radio1
<input type="radio"  name="r" value="radio2"/> radio2
<br/><br/>
Group 2<br/>
<input type="radio"  name="s" value="radio3"/> radio3
<input type="radio"  name="s" value="radio4"/> radio4

Answer 1

Tus comillas deben pasar a solo la parte de valor del selector de atributo-igual , [attr=''val''] , así:

$(''a#check_var'').click(function() {
  alert($("input:radio[name=''r'']:checked").val()+ '' ''+
        $("input:radio[name=''s'']:checked").val());
});​

Puedes ver la versión de trabajo aquí .