JS 获取RadioButtonList 选中值
时间: 2024-10-12 09:08:25 浏览: 27
在JavaScript中,获取Radio Button List(单选按钮列表)中的选中值通常涉及到HTML元素的操作以及JavaScript事件处理。假设你有一个名为`myRadios`的Radio Button List,你可以通过以下步骤获取其选中项的值:
```javascript
// 首先获取Radio Button List元素
var radioButtonList = document.getElementById('myRadios');
// 然后检查radio button是否已经被选中
var selectedValue;
for (var i = 0; i < radioButtonList.length; i++) {
if (radioButtonList[i].checked) {
selectedValue = radioButtonList[i].value; // radio button的value属性就是它的值
break; // 找到第一个选中的就停止循环
}
}
// 如果没有选中的,selectedValue将为null或其他默认值
console.log("选中的值是: " + selectedValue);
```
如果Radio Button List的id不是'myRadios',你需要将其替换为你实际的id。如果只有一个选项始终被选中,可以简化代码,直接使用`document.querySelector('input[name="yourGroupName"]:checked')`。
阅读全文