获取单选按钮组的值

Posted 2023-03-05

【中文标题】获取单选按钮组的值

【英文标题】：Get Value of Radio button group

【发布时间】：2011-03-28 16:53:10

【问题描述】：

我正在尝试使用下面给出的 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

【问题讨论】：

How to get the value of a selected radio button using its name in jQuery?的可能重复

【参考方案1】：

你的引号只需要包围attribute-equals selector、[attr='val']的值部分，像这样：

$('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.