如何确定在具有多个按钮组的表单中选择了哪个单选按钮？答案

【问题标题】：How to determine which Radio Button is selected in Form with multiple button groups?如何确定在具有多个按钮组的表单中选择了哪个单选按钮？
【发布时间】：2011-06-02 19:46:28
【问题描述】：

我有一个包含两组单选按钮的表单。它们都具有相同的名称，但是在选择某种类型的单选按钮的情况下，我想在下次提交之前更改内容。

<form>
  <input type="radio" value="ahBkM" id="ahBkM" name="key" class="spam">
  <input type="radio" value="ahBkA" id="ahBkA" name="key" class="eggs">
  <input type="radio" value="ahBkB" id="ahBkB" name="key" class="eggs">
  <input type="radio" value="ahBkC" id="ahBkC" name="key" class="eggs">
</form>

如果提交表单时选择了第一个单选按钮（垃圾邮件类），我不需要做任何特别的事情。但是，如果在提交表单时选择了任何类鸡蛋按钮，那么我需要使用从 AJAX POST 返回的数据来更新 DOM。

我正在寻找一个以是否为 POST 选择鸡蛋为条件的真相（我可以将条件放在 AJAX 成功函数中），如果是，那么我有一些代码要运行。

【问题讨论】：

标签： javascript jquery radio-button

【解决方案1】：

if ($('input[name=key].eggs:checked').length > 0){
  // an egg group is selected.
}

类似的东西？

【讨论】：

对不起，改用[name=key]而不是[type=submit]。

【解决方案2】：

搜索已检查的鸡蛋：

$(".eggs:checked").length > 0

【讨论】：

【解决方案3】：

使用:checked 选择器。例如：

var checkedRadio = $("[name='key']:checked");
var checkedVal = checkedRadio.val();
if(checkedVal == "eggs"){
  //Do Something 
} else{

}

【讨论】：