获取单选按钮值 JavaScript

单选按钮是一种常见的用户界面元素，通常用于需要用户做出选择的场景中。在 JavaScript 中，可以通过不同的方法轻松获取单选按钮的值。本文将介绍几种不同的方法，以帮助你在你的 JavaScript 代码中获取单选按钮的值。

方法一：使用 getElementById 方法

使用 getElementById 方法可以通过给单选按钮元素设置 ID 属性，然后使用该方法获取单选按钮的 DOM 元素，再使用 value 属性获取单选按钮的值。

let radioButton = document.getElementById("exampleRadio");
let value = radioButton.value;
console.log(value);

上述代码中，我们为单选按钮元素设置 ID 为 exampleRadio，然后使用 getElementById 方法获取该元素，最后使用 value 属性获取单选按钮的值。

方法二：使用 querySelector 方法

与 getElementById 类似，使用 querySelector 方法可以通过选择符选择单选按钮元素，然后使用 value 属性获取单选按钮的值。

let radioButton = document.querySelector("input[name='exampleRadio']:checked");
let value = radioButton.value;
console.log(value);

上述代码中，我们使用选择符 input[name='exampleRadio']:checked 获取被选中的单选按钮元素，最后使用 value 属性获取单选按钮的值。

方法三：使用表单对象

在表单元素中，可以通过表单对象获取单选按钮的值。

let form = document.getElementById("exampleForm");
let value = form.elements["exampleRadio"].value;
console.log(value);

上述代码中，我们使用 getElementById 方法获取表单元素，然后使用 elements 属性获取单选按钮元素，最后使用 value 属性获取单选按钮的值。

以上就是获取单选按钮值的三种方法。在实际开发中，你可能需要根据具体场景使用不同的方法。