使用javascript获取选定的单选按钮值[重复]

【问题标题】：Get selected radio button value with javascript [duplicate]使用javascript获取选定的单选按钮值[重复]
【发布时间】：2016-06-02 09:43:45
【问题描述】：

我的网页上有一个如下所示的表单：

<form id="numberForm">
<input type="radio" name="number" value="singular"> singular <br>
<input type="radio" name="number" value="plural"> plural <br>
</form>

如何在 Javascript 中提取当前选定单选按钮的值（没有提交操作）？我想要的是以下内容：

var formInput = document.getElementById("numberForm");
var numberInputValue = formInput.SELECTEDBUTTON.value;

【问题讨论】：

标签： javascript

【解决方案1】：

非常接近，您只需使用单选按钮组的name 代替“SELECTEDBUTTON”，在本例中为"number"：

document.getElementById('btn').addEventListener('click', function() {
  var formInput = document.getElementById("numberForm");
  var numberInputValue = formInput.number.value;
  alert(numberInputValue);
});

<form id="numberForm">
  <input type="radio" name="number" value="singular"> singular <br>
  <input type="radio" name="number" value="plural"> plural <br>
  <button id="btn">Click</button>
</form>

【讨论】：