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 程序设计有所帮助。

作者最新文章