使用javascript获取所选单选按钮值

时间:2016-02-20 20:34:05

标签: javascript

我的网页上有一个表格如下:

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

1 个答案:

答案 0 :(得分:0)

非常接近,您只需要使用单选按钮组的name代替&#34; SELECTEDBUTTON&#34;,在这种情况下"number"

&#13;
&#13;
document.getElementById('btn').addEventListener('click', function() {
  var formInput = document.getElementById("numberForm");
  var numberInputValue = formInput.number.value;
  alert(numberInputValue);
});
&#13;
<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>
&#13;
&#13;
&#13;