本文介绍如何使用 JavaScript 遍历表单中的单选按钮组，通过检查 checked 属性来获取用户选中的值。示例展示了基于 form 对象索引访问 radio 集合的标准写法，适用于传统 HTML 表单场景。
JavaScript 获取表单单选按钮值的方法
本文通过一个具体实例，演示了如何使用 JavaScript 获取表单中单选按钮（Radio）的值，供读者参考学习。
首先定义 HTML 表单结构，包含一组单选按钮。
<form>
<tr bgcolor="#FFFFFF">
<td width="84" height="23" rowspan="3" align="center" valign="middle"
bordercolor="#999999"><span class="STYLE1">回退类型:</span></td>
<td width="360" align="center" valign="middle" bordercolor="#999999"><input
type="radio" name="returnTag" value="-1" checked="checked">
申报部门</td>
</tr>
<tr bgcolor="#FFFFFF">
<td align="center" valign="middle" bordercolor="#999999"><input
type="radio" name="returnTag" value="1"> 省网招标中心</td>
</tr>
<tr bgcolor="#FFFFFF">
<td align="center" valign="middle" bordercolor="#999999"><input
type="radio" name="returnTag" value="2"> 国网招标中心</td>
</tr></form1>
接着编写 JavaScript 代码实现值获取逻辑。
function getValue()
{
//获取单选按钮值
for(var i=0;i<form1.returnTag.length;i++)
{
if(form1.returnTag[i].checked)
{
var returnTagValue=form1.returnTag[i].value; //这里得到单选按钮值
}
}
}
如需了解更多 JavaScript 相关知识，可参考本站相关专题，包括《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》。
希望上述内容对掌握 JavaScript 程序设计有所帮助。