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

 更新时间:2016年08月23日 11:27:47   作者:xiangqian0505  
这篇文章主要介绍了js简单获取表单中单选按钮值的方法,涉及javascript针对form表单元素的遍历与查找相关操作技巧,需要的朋友可以参考下

本文实例讲述了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></form1>

JS代码如下:

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

相关文章

  • JavaScript内置对象math,global功能与用法实例分析

    JavaScript内置对象math,global功能与用法实例分析

    这篇文章主要介绍了JavaScript内置对象math,global功能与用法,结合实例形式分析了javascript中内置对象math与global的基本概念、功能及使用方法,需要的朋友可以参考下
    2019-06-06
  • 微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)

    微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)

    这篇文章主要介绍了微信小程序MUI侧滑导航菜单,结合实例形式分析了微信小程序Popup弹出式,左侧滑动,右侧不动菜单功能相关实现技巧与注意事项,需要的朋友可以参考下
    2019-01-01
  • JavaScript实现Tab栏切换功能详解

    JavaScript实现Tab栏切换功能详解

    这篇文章主要介绍了JavaScript实现Tab栏切换的实现方式,是面向对象的写法,本文给大家分享详细案例代码,需要的朋友可以参考下
    2022-10-10
  • JS防止用户多次提交的简单代码

    JS防止用户多次提交的简单代码

    这篇文章介绍了JS防止用户多次提交的简单代码,有需要的朋友可以参考一下
    2013-08-08
  • 弥补localStorage容量缺陷方法详解

    弥补localStorage容量缺陷方法详解

    这篇文章主要为大家介绍了弥补localStorage容量缺陷的方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • js innerHTML 的一些问题的解决方法

    js innerHTML 的一些问题的解决方法

    innerHTML 属性的使用非常流行,因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2 API(removeChild, createElement, appendChild)。但很显然,使用 innerHTML 修改 DOM tree 是非常容易且有效的方法。
    2008-06-06
  • 详解JS事件循环及宏任务微任务的原理

    详解JS事件循环及宏任务微任务的原理

    在js中,我们一般将所有的任务都分成两类,一种是同步任务,另外一种是异步任务。而在异步任务中,又有着更加细致的分类,那就是微任务和宏任务。本文将详细讲解这二者的原理与使用,需要的可以参考一下
    2022-05-05
  • JS绘制微信小程序画布时钟

    JS绘制微信小程序画布时钟

    微信小程序官方组件也提供了画布功能,下面分享一下如何创建微信小程序画布时钟
    2016-12-12
  • 深入理解MVC中的时间js格式化

    深入理解MVC中的时间js格式化

    下面小编就为大家带来一篇深入理解MVC中的时间js格式化。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JavaScript 解析数学表达式的过程详解

    JavaScript 解析数学表达式的过程详解

    这篇文章主要介绍了JavaScript 解析数学表达式的过程详解,本文以一个的解题思路,来分享如何解决问题,解决的过程,可以作为解决工作中一般问题的通用思路,对js解析表达式相关知识感兴趣的朋友一起看看吧
    2022-06-06

最新评论