在JavaScript中,可以使用以下方法获取单选框(Radio)选中的值:
HTML代码:
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
JavaScript代码:
// 获取单选框元素对象
var radios = document.getElementsByName('gender');
// 遍历单选框元素对象,判断哪个单选框被选中
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
console.log(radios[i].value); // 输出选中的值
break;
}
}
解释:
使用document.getElementsByName方法获取name属性为"gender"的单选框元素对象;
遍历单选框元素对象,判断哪个单选框被选中,使用checked属性判断;
输出选中的值,使用value属性获取单选框的值。
注意:单选框的name属性必须相同,不同的name属性的单选框将被视为不同的单选框组。
相关文章
关注千锋学习站小程序
随时随地免费学习课程
扫一扫快速进入
千锋移动端页面
扫码匿名提建议
直达CEO信箱