js获取radio选中的value值,html代码
时间: 2024-05-04 11:20:01 浏览: 108
JavaScript中获取Radio被选中的值
5星 · 资源好评率100%
以下是一个HTML代码示例,其中包含了一个radio button组:
```html
<form>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>
</form>
```
要获取选中的radio button的值,可以使用JavaScript的`querySelector`方法获取选中的元素,然后使用`value`属性获取它的值。例如:
```js
const selectedOption = document.querySelector('input[name="gender"]:checked');
if (selectedOption) {
console.log(selectedOption.value);
} else {
console.log("No option selected");
}
```
在这个示例中,我们使用了CSS选择器`input[name="gender"]:checked`来获取选中的元素,然后检查它是否存在,如果存在,则使用`value`属性获取它的值。
阅读全文