Question

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

<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>

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

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

Answer 1

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

那样的东西？

Answer 2

搜索已检查的鸡蛋：

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

Answer 3

使用:checked选择器。 e.g：

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

}

如何确定在多个按钮组的窗体中选择哪个单选按钮？

3 个答案: