首页 > web前端 > js教程 > 如何在 JavaScript 中获取选定单选按钮的值?

如何在 JavaScript 中获取选定单选按钮的值?

Mary-Kate Olsen
发布: 2024-12-15 12:21:10
原创
329 人浏览过

How to Get the Value of a Selected Radio Button in JavaScript?

获取选定的单选按钮值

使用表单时的常见任务是检索选定单选按钮的值。在这种情况下,JavaScript 程序遇到了单选按钮值返回未定义的问题。

为 findSelection 函数提供的代码会迭代表单中的所有单选按钮,检查选中了哪一个并返回其值。但是,该代码在初始设置中存在问题,错误地将表单名称分配给了 test 和 Size 变量。

此问题的简化且有效的解决方案是使用以下代码:

document.querySelector('input[name="genderS"]:checked').value;
登录后复制

此代码使用 document.querySelector 方法通过名称属性(“genderS”)选择选中的单选按钮。 :checked 选择器确保仅选择选中的单选按钮。 value 属性检索所选单选按钮的值。

此解决方案与所有主要浏览器兼容,并且不需要 jQuery 等额外库

以上是如何在 JavaScript 中获取选定单选按钮的值?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板