获取radiobutton点击的数据
时间: 2024-05-06 09:19:47 浏览: 74
以下是一个示例,演示如何获取radiobutton点击的数据:
HTML代码:
```
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
<button onclick="getSelected()">Get selected value</button>
```
JavaScript代码:
```
function getSelected() {
var radios = document.getElementsByName("gender");
var selectedValue;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
selectedValue = radios[i].value;
break;
}
}
alert(selectedValue);
}
```
在这个示例中,我们使用了document.getElementsByName()方法来获取所有的radiobutton元素,并使用一个循环来遍历它们。然后,我们检查每个元素的checked属性,以确定哪个元素被选中了。最后,我们将选中的值存储在selectedValue变量中,并使用alert()方法将其显示出来。
阅读全文