使用javascript[duplicate]获取所选单选按钮值

Question

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

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

Answer 1

非常接近，您只需使用单选按钮组的名称来代替“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>