JavaScript如何获取被选中的单选框
时间: 2024-09-23 15:02:03 浏览: 24
在JavaScript中,获取被选中的单选框通常通过`document.querySelector()`或`document.querySelectorAll()`方法结合`type="radio"`的选择器来完成。如果你想获取特定组内的单选按钮,你可以这样做:
```javascript
// 获取第一个选中的单选按钮
var selectedRadio = document.querySelector('input[type="radio"]:checked');
// 如果你想获取所有选中的单选按钮,可以这样
var allSelectedRadios = document.querySelectorAll('input[type="radio"]:checked');
```
上述代码会返回一个元素,如果没有任何单选按钮被选中,则`selectedRadio`将是`null`,`allSelectedRadios`将是一个NodeList。
如果你需要处理多个选择的情况,例如循环遍历所有选中的单选按钮并执行操作,可以这样做:
```javascript
var radios = document.querySelectorAll('input[type="radio"]');
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
// 这里处理选中的单选按钮
console.log("Radio " + (i+1) + " is checked.");
}
}
```
阅读全文