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限制用户只能输汉字中文的方法
Nov 20 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
js重写方法的简单实现
Jul 10 Javascript
JavaScript中数组slice和splice的对比小结
Sep 22 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 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
十大催泪虐心动漫电影,有几部你还没看
2020/03/04 日漫
最小化数据传输――在客户端存储数据
2006/10/09 PHP
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
在线编辑器的实现原理(兼容IE和FireFox)
2007/03/09 Javascript
js控制div及网页相关属性的代码
2009/12/19 Javascript
JavaScript通过元素的ID和name设置样式
2014/07/08 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
js面向对象的写法
2016/02/19 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
vue监听对象及对象属性问题
2018/08/20 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
python分析nignx访问日志脚本分享
2015/02/26 Python
简单的Python调度器Schedule详解
2019/08/30 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
字符串str除首尾字符外的其他字符按升序排列
2013/03/08 面试题
公司员工的自我评价范例
2013/11/01 职场文书
电子商务专业个人的自我评价
2013/11/19 职场文书
小摄影师教学反思
2014/04/27 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
文明单位汇报材料
2014/12/24 职场文书
感谢信格式范文
2015/01/22 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
奔腾年代观后感
2015/06/09 职场文书
js实现上传图片到服务器
2021/04/11 Javascript
Redis分布式锁的7种实现
2022/04/01 Redis
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫
nginx之内存池的实现
2022/06/28 Servers