html怎么获得input radio中的value值
时间: 2023-08-12 16:05:49 浏览: 134
你可以使用JavaScript来获取input radio中的value值。首先,你需要给每个radio按钮设置一个相同的名称(name属性),并为每个按钮指定一个不同的值(value属性)。然后,你可以使用以下代码来获取选中的radio按钮的值:
```html
<!DOCTYPE html>
<html>
<body>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="button" value="Get Value" onclick="getValue()">
<script>
function getValue() {
var radios = document.getElementsByName("gender");
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
console.log("Selected value: " + radios[i].value);
break;
}
}
}
</script>
</body>
</html>
```
在上述示例中,我们有两个radio按钮,它们都有相同的name属性("gender"),但是不同的value属性("male"和"female")。当用户点击"Get Value"按钮时,JavaScript函数getValue()会遍历所有的radio按钮,找到选中的按钮,并输出其值。你可以将该值用于你的逻辑处理。