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 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
怎么清空javascript数组
May 11 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
javaScript中的this示例学习详解及工作原理
Jan 13 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
Apr 24 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
jquery实现拖动效果
Aug 10 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
JS使用正则表达式实现常用的表单验证功能分析
Apr 30 Javascript
如何用Node.js编写内存效率高的应用程序
Apr 30 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三种实现多线程类似的方法
2015/10/30 PHP
JQuery中$之选择器用法介绍
2011/04/05 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
实例介绍JavaScript中多种组合继承
2019/01/20 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
ES6 Proxy实现Vue的变化检测问题
2019/06/11 Javascript
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
python的re模块应用实例
2014/09/26 Python
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Python函数中的可变长参数详解
2019/09/12 Python
在python中计算ssim的方法(与Matlab结果一致)
2019/12/19 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
艺术家策划的室内设计:Curious Egg
2019/03/06 全球购物
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
年度献血先进个人事迹材料
2014/02/14 职场文书
《月迹》教学反思
2014/02/19 职场文书
保安部任务及岗位职责
2014/02/25 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
pandas进行数据输入和输出的方法详解
2022/03/23 Python