我的网页上有一个如下所示的表单:
<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;
最佳答案
试试这个(在 JS 中使用 querySelector
):
function getSel() {
var formInput = document.getElementById("numberForm");
var rb=formInput.querySelector('[type="radio"]:checked'); //get selected radio button
document.getElementById('spVl').innerHTML = 'Selected value = '+rb.value;
}
<form id="numberForm">
<input type="radio" name="number" value="singular"> singular <br>
<input type="radio" name="number" value="plural"> plural <br>
<input type="button" value="Get selected radio button value" onclick="getSel();" /><br>
<span id="spVl"></span>
</form>
关于javascript - 使用 Javascript 提取单选按钮值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35530879/