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中处理与当前时间间隔的函数代码
May 23 Javascript
侧栏跟随滚动的简单实现代码
Mar 18 Javascript
js 三级关联菜单效果实例
Aug 13 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
js Array操作的最简短最容易理解方法
Dec 09 Javascript
window.location.href中url中数据量太大时的解决方法
Dec 23 Javascript
网页实时显示服务器时间和javscript自运行时钟
Jun 09 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
微信小程序中setInterval的使用方法
Sep 29 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
详解ES6 扩展运算符的使用与注意事项
Nov 12 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 小乘法表实现代码
2009/07/16 PHP
php设计模式 Template (模板模式)
2011/06/26 PHP
PHP读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
浅析Angular2子模块以及异步加载
2017/04/24 Javascript
angular实现input输入监听的示例
2018/08/31 Javascript
js实现黑白div块画空心的图形
2018/12/13 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
Python正则表达式使用经典实例
2016/06/21 Python
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
基于YUV 数据格式详解及python实现方式
2019/12/09 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
python实现字符串和数字拼接
2020/03/02 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
美国购买当代和现代家具网站:MODTEMPO
2018/07/20 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
2014年绩效考核工作总结
2014/12/11 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
深度学习小工程练习之垃圾分类详解
2021/04/14 Python