JavaScript 获取表单单选按钮值的方法
作者:异步漫步时间:2026-10-30 12:38:56浏览:114
本文介绍如何使用 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 程序设计有所帮助。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
