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工具库代码
Mar 29 Javascript
给应用部分的js代码设定一个统一的入口
Jun 15 Javascript
scrollWidth,clientWidth,offsetWidth的区别
Jan 13 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 Javascript
bootstrap精简教程_动力节点Java学院整理
Jul 14 Javascript
AngularJS发送异步Get/Post请求方法
Aug 13 Javascript
了解JavaScript中let语句
May 30 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
javascript设计模式之迭代器模式
Jan 30 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
JQuery+DIV自定义滚动条样式的具体实现
2013/06/25 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
2017/02/19 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
浅谈Angular 的变化检测的方法
2018/03/01 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
2018/04/09 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
2018/06/05 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
[04:19]DOTA2完美大师赛第四天精彩集锦
2017/11/26 DOTA
Python中str is not callable问题详解及解决办法
2017/02/10 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
Python使用folium excel绘制point
2019/01/03 Python
Django学习之文件上传与下载
2019/10/06 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
python实现人像动漫化的示例代码
2020/05/17 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
智能钱包:Ekster
2019/11/21 全球购物
学校爱心捐款倡议书
2014/05/13 职场文书
商场消防安全责任书
2014/07/29 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
Go各时间字符串使用解析
2021/04/02 Golang
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server