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

获取选定的单选按钮值

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

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

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

document.querySelector('input[name="genderS"]:checked').value;

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

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

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