怎么获取单选按钮的值
时间: 2023-08-04 22:10:50 浏览: 47
在 HTML 中,单选按钮是通过 `<input>` 元素的 `type` 属性设置为 `radio` 来创建的。要获取单选按钮的值,可以使用 JavaScript 来访问它的 `checked` 属性。当单选按钮被选中时,它的 `checked` 属性为 `true`,否则为 `false`。
下面是一个示例代码:
```html
<label>
<input type="radio" name="gender" value="male" checked>男
</label>
<label>
<input type="radio" name="gender" value="female">女
</label>
<button onclick="getGender()">提交</button>
<script>
function getGender() {
const radios = document.getElementsByName('gender');
for (let i = 0; i < radios.length; i++) {
if (radios[i].checked) {
console.log('您选择的性别是:', radios[i].value);
break;
}
}
}
</script>
```
在上面的代码中,我们在两个单选按钮中设置了相同的 `name` 属性,这样它们就可以被分组在一起。当用户点击提交按钮时,`getGender()` 函数将遍历所有单选按钮,找到被选中的那个,并输出其值。