如何在 JavaScript 中轻松获取所选单选按钮的值？

轻松获取选定的单选按钮值

使用 JavaScript 获取选定单选按钮的值有时可能很棘手。本文将深入研究这个常见问题的简单而有效的解决方案，确保您可以轻松检索所选值。

误导的解决方案

中提供的代码初始查询尝试查找选定的单选按钮值，但它包含一个微妙的错误。变量大小被错误地指定为测试而不是单选按钮数组：

var test = 'document.theForm.' + field;
var sizes = test;

更正此错误可确保您可以迭代单选按钮数组并检索所选元素的值。

简单且通用的解决方案

要获得更简洁且跨浏览器兼容的解决方案，请考虑使用document.querySelector 方法：

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

此代码选择当前检查的第一个名为“genderS”的输入元素并返回其值。这种方法的美妙之处在于它可以与所有主要浏览器无缝协作，让您高枕无忧，您的代码将按预期运行。

拥抱解决方案

集成这个解决方案到您的代码中很简单。只需将现有的 findSelection 函数替换为以下内容：

function findSelection(field) {
  return document.querySelector('input[name="' + field + '"]:checked').value;
}

享受简化的单选按钮值检索

通过这些增强功能，您现在可以轻松检索在 JavaScript 程序中选择单选按钮。提供的解决方案具有灵活性和可靠性，让您能够自信地开发健壮且高效的 Web 应用程序。

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