js简单获取表单中单选按钮值的方法

JavaScript表单中单选按钮值的获取方法

你是否曾经在处理网页表单中的单选按钮时感到困惑？特别是在使用JavaScript获取用户选择的单选按钮值时，可能会遇到一些挑战。本文将向你展示如何通过简单的JavaScript代码获取表单中的单选按钮值。

我们来看HTML部分的一个示例表单，其中包含了三个单选按钮，它们的名称都是“returnTag”，但值不同。

HTML表单示例：

```html

```

接下来，我们将通过JavaScript来获取选中的单选按钮的值。这里的关键是使用`document.getElementsByName`方法来获取所有的单选按钮元素，然后遍历它们来找到被选中的那个。代码如下：

JavaScript代码示例：

```javascript

function getValue() {

var radios = document.getElementsByName('returnTag'); // 获取所有名为returnTag的单选按钮元素

for (var i = 0; i < radios.length; i++) { // 遍历单选按钮元素

if (radios[i].checked) { // 如果某个单选按钮被选中

var returnTagValue = radios[i].value; // 获取选中的单选按钮的值

break; // 找到值后退出循环

}

}

console.log(returnTagValue); // 输出选中的值到控制台，如果没有选中任何单选按钮，这里会是undefined或者空字符串，因此使用前请检查值是否存在。

}

``` 当你调用`getValue()`函数时，它会输出被选中的单选按钮的值。如果没有选中任何单选按钮，则输出undefined或空字符串。你可以根据需要对此进行处理。同时需要注意确保页面已完全加载后再执行这段代码。若希望该行为在页面加载时自动发生，可以将其放在`window.onload`事件处理函数中或确保它在DOM元素加载完毕后执行。希望本文对你理解如何使用JavaScript获取表单中的单选按钮值有所帮助。更多关于JavaScript的内容可查看相关专题进行深入学习。