获取被选中单选框的value
时间: 2023-09-08 14:07:44 浏览: 102
要获取被选中单选框的value,可以使用JavaScript的querySelector方法和checked属性来实现。具体代码如下:
HTML代码:
```
<input type="radio" name="myRadio" value="option1" checked>Option 1
<input type="radio" name="myRadio" value="option2">Option 2
<input type="radio" name="myRadio" value="option3">Option 3
```
JavaScript代码:
```
var selectedValue = document.querySelector('input[name="myRadio"]:checked').value;
```
这段代码中,querySelector方法选择了name属性为"myRadio"且被选中的单选框,checked属性检查该单选框是否被选中,value属性获取该单选框的value值。最终,selectedValue变量中将保存被选中单选框的value值。
相关问题
html获取单选框的value值
可以使用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,并将其打印出来。注意,如果没有任何一个单选框被选中,这段代码会报错。因此,在实际开发中,需要对这种情况进行判断处理。
js获取单选框选中的值
可以使用以下代码获取单选框选中的值:
HTML:
```html
<input type="radio" name="gender" value="male">Male<br>
<input type="radio" name="gender" value="female">Female
```
JavaScript:
```javascript
var gender = document.querySelector('input[name="gender"]:checked').value;
console.log(gender);
```
这里假设单选框的name属性为"gender",值分别为"male"和"female"。通过querySelector方法获取选中的单选框元素,并获取其value值,即可得到选中的值。