Javasipt:操作radio标签详解


Posted in Javascript onDecember 30, 2013

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 相关文章推荐
跟着Jquery API学Jquery之一 选择器
Apr 07 Javascript
JS下高效拼装字符串的几种方法比较与测试代码
Apr 15 Javascript
jQuery操作input type=radio的实现代码
Jun 14 Javascript
jQuery文件上传控件 Uploadify 详解
Jun 20 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
Jul 18 Javascript
bootstrap vue.js实现tab效果
Feb 07 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 Javascript
让你彻底掌握es6 Promise的八段代码
Jul 26 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 Javascript
js实现查询商品案例
Jul 22 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 10 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 #Javascript
jquery获得keycode的示例代码
Dec 30 #Javascript
原生javaScript做得动态表格(注释写的很清楚)
Dec 29 #Javascript
JS对象转换为Jquery对象实现代码
Dec 29 #Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 #Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
Dec 29 #Javascript
解决js中window.open弹出的是上次的缓存页面问题
Dec 29 #Javascript
You might like
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
2016/07/25 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
python的socket编程入门
2018/01/29 Python
Python实现XML文件解析的示例代码
2018/02/05 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
kafka-python批量发送数据的实例
2018/12/27 Python
python绘制地震散点图
2019/06/18 Python
python+selenium 鼠标事件操作方法
2019/08/24 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
中专生的个人自我评价
2013/12/11 职场文书
房地产销售经理岗位职责
2014/01/01 职场文书
庆元旦广播稿
2014/02/10 职场文书
劳动竞赛活动方案
2014/02/20 职场文书
群众路线四风自我剖析材料
2014/10/08 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
检讨书怎么写
2015/05/07 职场文书
2015年中学体育教师工作总结
2015/10/23 职场文书
SqlServer 垂直分表(减少程序改动)
2021/04/16 SQL Server
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python