假设你有一个单选框,请使用以下代码获取它的值:

HTML 代码:

<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other

JavaScript 代码:

// 获取单选框的 DOM 元素
var radioBtns = document.getElementsByName("gender");

// 遍历单选框,找到被选中的那一个
for (var i = 0; i < radioBtns.length; i++) {
  if (radioBtns[i].checked) {
    // 输出被选中的单选框的值
    console.log(radioBtns[i].value);
    break;
  }
}

上述代码中,我们首先通过 document.getElementsByName("gender") 获取了所有名为 gender 的单选框的 DOM 元素,然后遍历这些单选框,找到被选中的那一个,最后输出其值。

注:ruoyi 是一个基于 Spring Boot 和 Vue.js 的开源管理系统平台,与此问题无关

ruoyi 获取单选的值

原文地址: https://www.cveoy.top/t/topic/hhLL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录