html获取单选框的value值
时间: 2023-09-07 14:13:39 浏览: 108
js获取单选框或复选框值及操作
可以使用JavaScript来获取单选框的value值,代码如下:
```html
<form>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
</form>
<script>
var gender = document.querySelector('input[name="gender"]:checked').value;
console.log(gender);
</script>
```
这段代码会获取name属性为“gender”的单选框中被选中的那个,然后将其value值赋给变量gender,并将其打印出来。注意,如果没有任何一个单选框被选中,这段代码会报错。因此,在实际开发中,需要对这种情况进行判断处理。
阅读全文