获取单选按钮组的值

Question

我正在尝试使用 jQuery 语法获取两个单选按钮组的值，如下所示。运行下面的代码时，我两次获取从第一个单选按钮组中选择的值，而不是获取每个单独组的值。

我在这里做明显错误的事情吗？感谢您的帮助:)

<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

您的引号只需包含 attribute-equals 选择器 的值部分，[attr='val']，如下所示：

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

您可以在此处查看工作版本。