Obtiene el valor del grupo de botones de opción

Question

Estoy intentando obtener el valor de dos grupos de botones de opción con la sintaxis de jQuery que se muestra 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 incorrecto 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

Sus frases tienen que pasar a sólo la parte de valor de la attribute-equals selector, [attr='val'], así:

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

You can see the working version here.