使用Javascript提取单选按钮值_Javascript_Html_Forms

使用Javascript提取单选按钮值

javascript html forms

使用Javascript提取单选按钮值,javascript,html,forms,Javascript,Html,Forms,我的网页上有一个表单，如下所示： <form id="numberForm"> <input type="radio" name="number" value="singular"> singular <br> <input type="radio" name="number" value="plural"> plural <br> </form> var form=document.getElementById（'num

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

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

var form=document.getElementById（'numberForm'）；
var radios=form.getElementsByTagName（'input'）；
对于（变量i=0；ivar form=document.getElementById（'numberForm'）；
var radios=form.getElementsByTagName（'input'）；
对于（变量i=0；i
试试这个（在JS中使用querySelector
）：

函数getSel（）{
var formInput=document.getElementById（“numberForm”）；
var rb=formInput.querySelector（'[type=“radio”]：选中'）；//获取选定单选按钮
document.getElementById（'spVl'）。innerHTML='Selected value='+rb.value；
}



单数

复数



试试这个（在JS中使用querySelector
）：

函数getSel（）{
var formInput=document.getElementById（“numberForm”）；
var rb=formInput.querySelector（'[type=“radio”]：选中'）；//获取选定单选按钮
document.getElementById（'spVl'）。innerHTML='Selected value='+rb.value；
}


单数

复数

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

var form = document.getElementById('numberForm');
var radios = form.getElementsByTagName('input');

for(var i = 0; i < radios.length; ++i) {
  if(radios[i].checked) {
    console.log("Radio button '" + radios[i].value + "' is checked");
  }
}