用js的for循环获取radio选中的值

 更新时间:2013年10月21日 17:50:31   作者:  
获取radio选中值的方法有很多,在本文为大家介绍的是使用for循环来实现,具体的实现如下,感兴趣的朋友可以参考下
例如:
复制代码 代码如下:

<li><input type="radio" name="zt" value="1"></li>
<li><input type="radio" checked="checked" name="zt" value="2"></li>
<li><input type="radio" name="zt" value="3"></li>

其中name属性值肯定是一样的,接下来用js获取选中的值:
复制代码 代码如下:

var zt = document.getElementsByName("zt");

for(var i=0;i<zt.length;i++){
if(zt[i].checked) {
alert(zt[i].value);
}
}

用一for循环就搞定了。

相关文章

  • js实现类bootstrap模态框动画

    js实现类bootstrap模态框动画

    这篇文章主要为大家详细介绍了js实现类bootstrap模态框动画的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • javascript的解析执行顺序在各个浏览器中的不同

    javascript的解析执行顺序在各个浏览器中的不同

    javascript是一种解释型语言,它的执行是自上而下的。由于各个浏览器对它的理解有所差异,所以我们有必要深入理解js的执行顺序
    2014-03-03
  • 使用flow来规范javascript的变量类型

    使用flow来规范javascript的变量类型

    这篇文章主要介绍了使用flow来规范javascript的变量类型,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • 用jmSlip编写移动端顶部日历选择控件

    用jmSlip编写移动端顶部日历选择控件

    这篇文章主要为大家详细介绍了利用jmSlip编写移动端顶部日历选择组件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js replace正则表达式应用案例讲解

    js replace正则表达式应用案例讲解

    js replace与正则表达式结合,可以有效发挥replace的功效,可以帮助用户解决替换中的复制问题,接下来详细介绍使用方法,感兴趣的朋友可以了解下
    2013-01-01
  • 关于JavaScript中forEach和each用法浅析

    关于JavaScript中forEach和each用法浅析

    这篇文章主要给大家介绍了关于JavaScript中forEach和each使用方法的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-07-07
  • js内置对象 学习笔记

    js内置对象 学习笔记

    今天系统的学了一下javascript的内置对象。
    2011-08-08
  • axios/fetch实现stream流式请求示例详解

    axios/fetch实现stream流式请求示例详解

    这篇文章主要为大家介绍了axios/fetch实现stream流式请求示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • 使用javaScript实现鼠标拖拽事件

    使用javaScript实现鼠标拖拽事件

    这篇文章主要为大家详细介绍了使用javaScript实现鼠标拖拽事件的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • Javascript 一些需要注意的细节(必看篇)

    Javascript 一些需要注意的细节(必看篇)

    下面小编就为大家带来一篇Javascript 一些需要注意的细节(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07

最新评论