javascript获取所选html单选按钮输入的值[重复]

Question

我有这样一个简单的表格：

<form id="formSearch">
<label><input type="radio" name="number" value="1">singular</label><br>
<label><input type="radio" name="number" value="2">plural</label><br><br>
<INPUT type="Submit" Value="Show" name="show" ></INPUT>
</form>

我想用javascript获取所选按钮的“单选值”：

var account = document.getElementsByName("number").value;

不要给出正确的回答。如果我给一个陷阱：

alert(account);

结果是：未定义。我不知道哪里有伤害，有谁愿意帮助我，谢谢

Answer 1

function test() {
  
  var checkedRadioBtnList=new Array();
  
  var account = document.getElementsByName("number");
  
  for(i=0; i<account.length;i++){  
    if(account[i].checked){      
      checkedRadioBtnList.push({value:account[i].value});
    }    
  }
  
  console.log(checkedRadioBtnList);
}

<form id="formSearch">
<label><input type="radio" name="number" value="1">singular</label><br>
<label><input type="radio" name="number" value="2">plural</label><br><br>
<INPUT type="Submit" Value="Show" name="show" onclick="test()" ></INPUT>
</form>

Answer 2

在jQuery中，您可以使用检查的属性选择器

$("[name='number']:checked").val()

Answer 3

使用javascript：

document.querySelector('[name=number]:checked').value;