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 相关文章推荐
javascript 播放器 控制
Jan 22 Javascript
用Javascript实现Windows任务管理器的代码
Mar 27 Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 Javascript
JavaScript中的apply和call函数详解
Jul 20 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
Jun 16 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
Jul 20 Javascript
js实现简单的选项卡效果
Feb 23 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
Jan 10 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
在Echarts图中给坐标轴加一个标识线markLine
Jul 20 Javascript
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
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中一个完整表单处理实现代码
2011/11/10 PHP
php定界符
2014/06/19 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
简单的jquery拖拽排序效果实现代码
2011/09/20 Javascript
JavaScript和CSS通过expression实现Table居中显示
2013/06/28 Javascript
jquery数组之存放checkbox全选值示例代码
2013/12/20 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
AngularJS 应用模块化的使用
2018/04/04 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
详解微信小程序支付流程与梳理
2019/07/16 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
js实现星星打分效果
2020/07/05 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
Python异常处理总结
2014/08/15 Python
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
django 修改server端口号的方法
2018/05/14 Python
flask入门之表单的实现
2018/07/18 Python
Python列表list排列组合操作示例
2018/12/18 Python
Python super()函数使用及多重继承
2020/05/06 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
学校安全工作制度
2014/01/19 职场文书
七年级生物教学反思
2014/01/30 职场文书
幼儿园教师教学反思
2014/02/06 职场文书
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
个人承诺书格式
2014/06/03 职场文书
中学音乐课教学反思
2016/02/18 职场文书