1、 给单选框设置相应的 name
2、 获取所有的单选框,循环判断,示例代码如下:
// 获取指定 name 的单选框的值function getValueForRadio(name) {
// 获取所有的 input 元素
var nodes = document.getElementsByTagName('input')
// 循环判断
for (var i=0 i<nodes.length i++) {
// 如果类型是 radio,name 也符合要求,而且也被选中了
if (nodes[i].type==='radio' && nodes[i].name===name && nodes[i].checked) {
//返回相应的值
return nodes[i].value
}
}
}
3、 在你需要的地方,用合适的参数调用上面的函数 getValueForRadio 即可。
以上,请采纳,请给分。
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>js检测Radio选中</title>
</head>
<body>
<label>
<input type="radio" value="0" name="switch">关
</label>
<label>
<input type="radio" value="1" name="switch" checked>开
</label>
<p id="result">
当前选中的 radio 值为:<b></b>
<button onclick="checkRadio()">检测 Radio</button>
</p>
<script>
var radios = document.querySelectorAll('input[type="radio"]'),
result = document.querySelector('#result > b')
function checkRadio() {
for (var i = 0 i < radios.length i++) {
if (radios[i].checked) {
result.innerHTML = radios[i].value
}
}
}
</script>
</body>
</html>