脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → radio标签

Javasipt:操作radio标签详解

 更新时间：2013年12月30日 09:05:39   作者：  
本篇文章主要介绍了Javasipt:操作radio标签。需要的朋友可以过来参考下，希望对大家有所帮助

1、html代码：

复制代码 代码如下:

      <form action="#" name="userOpinionForm" id="userOpinionForm" method="post">

                <input type="radio"    name="opinionCategory" value="1" checked  />最同意
                 <input type="radio"    name="opinionCategory" value="0" />最不同意

      </form>


2、js代码：
方法一：
复制代码 代码如下:

var opinionCategory = document.getElementsByName('opinionCategory');

                 var opinionCategoryValue = 1;
                 for(var i=0;i<opinionCategory.length;i++){
                        if(opinionCategory[i].checked){
                                      opinionCategoryValue = opinionCategory[i].value;
                        }
                 }


方法二：
复制代码 代码如下:

var form = document.getElementById('userOpinionForm');

                 var num = 0;
                 for(var i=0;i<form.opinionCategory.length;i++){
                     if(form.opinionCategory[i].checked){
                         num++;
                     }
                 }

您可能感兴趣的文章:

相关文章

  • JavaScript通过元素的ID和name设置样式

    JavaScript通过元素的ID和name设置样式

    这篇文章主要介绍了JavaScript通过元素的ID和name设置其样式，下面有个不错的示例，感兴趣的朋友可以测试下
    2014-07-07
  • 更快的异步执行(setTimeout多浏览器)

    更快的异步执行(setTimeout多浏览器)

    如果要异步执行一个函数，我们最先想到的方法肯定会是setTimeout,这里简单介绍下，方便需要的朋友
    2014-08-08
  • 浅谈Webpack4 Tree Shaking 终极优化指南

    浅谈Webpack4 Tree Shaking 终极优化指南

    这篇文章主要介绍了浅谈Webpack4 Tree Shaking 终极优化指南，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • js Array.slice的8种不同用法示例

    js Array.slice的8种不同用法示例

    这篇文章主要给大家介绍了关于js Array.slice的8种不同用法，文中通过示例代码介绍的非常详细，对大家学习或者使用js 具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-07-07
  • javascript getElementsByClassName 和js取地址栏参数

    javascript getElementsByClassName 和js取地址栏参数

    为了从一大堆HTML代码中找出我们的树状菜单(也许有多个)，我们先来实现一个通过className找DOM节点的方法：getElementsByClassName。这是对浏览器自有DOM方法的一个简单但实用的扩充。
    2010-01-01
  • JavaScript WeakMap的具体使用

    JavaScript WeakMap的具体使用

    本文主要介绍了JavaScript WeakMap的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • JS request函数 用来获取url参数

    JS request函数 用来获取url参数

    项目中经常会遇到这种问题 下面代码解决问题！
    2010-05-05
  • js数组Array sort方法使用深入分析

    js数组Array sort方法使用深入分析

    js中Array.sort()方法是用来对数组项进行排序的,默认是升序排列sort() 方法可以接受一个 方法为参数，这个方法有两个参数，接下来本例将对sort方法进行深入探讨，感兴趣的朋友可以参考下
    2013-02-02
  • JavaScript Date对象应用实例分享

    JavaScript Date对象应用实例分享

    这篇文章主要分享了JavaScript Date对象应用实例，获取日期时间，倒计时功能实现，限时抢购活动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-10-10
  • js将字符串转成正则表达式的实现方法

    js将字符串转成正则表达式的实现方法

    js将字符串转成正则表达式的实现方法。其实很简单哦！需要的朋友可以过来参考下，希望对大家有所帮助
    2013-11-11

最新评论