js获取单选框选中的值
时间: 2023-08-29 11:08:29 浏览: 46
可以使用以下代码获取单选框选中的值:
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值,即可得到选中的值。
相关问题
js获取单选框选中状态
可以使用以下代码获取单选框(radio)的选中状态:
```javascript
var radioBtn = document.getElementsByName("radioBtn");
var selectedValue;
for (var i = 0; i < radioBtn.length; i++) {
if (radioBtn[i].checked) {
selectedValue = radioBtn[i].value;
break;
}
}
```
其中,`radioBtn` 是单选框的 name 属性,`selectedValue` 是选中的值。
如何获取单选框的值
获取单选框的值可以使用以下 JavaScript 代码:
```javascript
var genderRadios = document.getElementsByName('gender');
var gender;
for (var i = 0; i < genderRadios.length; i++) {
if (genderRadios[i].checked) {
gender = genderRadios[i].value;
break;
}
}
```
首先,我们使用 `document.getElementsByName` 方法获取所有名为 “gender” 的单选框元素。接下来,我们遍历这些单选框元素,并检查哪个单选框被选中了(即 `checked` 属性为 `true`),然后将其值赋给 `gender` 变量。最后,我们就可以使用 `gender` 变量中的值执行相应的操作。
需要注意的是,如果没有任何一个单选框被选中,则 `gender` 变量的值将为 `undefined`。因此,在使用这个值之前,我们需要先检查它是否存在。