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 相关文章推荐
IE浏览器PNG图片透明效果代码
Sep 02 Javascript
jQuery实现获取table表格第一列值的方法
Mar 01 Javascript
实例解析Array和String方法
Dec 14 Javascript
正则验证小数点后面只能有两位数的方法
Feb 28 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
Dec 11 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
js之ajax文件上传
May 13 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之变量、常量学习笔记
2008/03/27 PHP
模板引擎正则表达式调试小技巧
2011/07/20 PHP
基于PHP异步执行的常用方式详解
2013/06/03 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
php实现网站留言板功能
2015/11/04 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
node+koa2+mysql+bootstrap搭建一个前端论坛
2018/05/06 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
2019/12/30 Javascript
python多重继承实例
2014/10/11 Python
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
Python实现线程状态监测简单示例
2018/03/28 Python
python脚本实现验证码识别
2018/06/07 Python
python爬虫之urllib库常用方法用法总结大全
2018/11/14 Python
pandas通过索引进行排序的示例
2018/11/16 Python
Python 3.x基于Xml数据的Http请求方法
2018/12/28 Python
python tkinter实现屏保程序
2019/07/30 Python
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
人力资源管理专业应届生求职信
2013/09/28 职场文书
年终自我鉴定
2013/10/09 职场文书
开学季活动策划方案
2014/02/28 职场文书
社区文明倡议书
2015/04/28 职场文书
班级班风口号大全
2015/12/25 职场文书
2016拓展训练心得体会范文
2016/01/12 职场文书
python not运算符的实例用法
2021/06/30 Python