您现在的位置是：首页 > 学无止境 > web前端web前端

js获取单选按钮的数据

AndyGuo2020-04-12 11:04:38【web前端】2381人已围观

简介js怎么获取单选按钮radio的数据呢

这也许是个简单的问题，但很多人在学习的过程中会忽略这个单选按钮。

本文实例讲述了js简单获取表单中单选按钮值的方法。分享给大家供大家参考

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>
</form>

JS代码部分：

function getValue()
{
//获取单选按钮值
  for(var i=0;i<form1.returnTag.length;i++)
  {
   if(form1.returnTag[i].checked)
   {
    var returnTagValue=form1.returnTag[i].value; //这里得到单选按钮值
    }
  }
}

顶一下（1）赏踩一下（0）