x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<script>7
function displayResult() {8
var radios = document.getElementsByName('colors');9
for (var i = 0, length = radios.length; i < length; i++) {10
if (radios[i].checked) {11
// 弹出选中值12
alert(radios[i].value);13
// 选中后退出循环14
break;15
}16
}17
}18
</script>19
</head>20
<body>21
22
<form>23
你更喜欢哪种颜色?<br>24
<input type="radio" name="colors" id="red" value="red">红色<br>25
<input type="radio" name="colors" id="blue" value="blue">蓝色<br>26
<input type="radio" name="colors" id="green" value="green">绿色27
</form>28
<button type="button" onclick="displayResult()">显示选中的值</button>29
30
</body>31
</html>