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与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
jQuery判断复选框是否勾选的原理及示例
May 21 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
Oct 18 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
layui table去掉右侧滑动条的实现方法
Sep 05 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
Sep 09 Javascript
vue组件vue-esign实现电子签名
Apr 21 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获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
php生成验证码,缩略图及水印图的类分享
2016/04/07 PHP
javascript innerHTML使用分析
2010/12/03 Javascript
解决遍历时Array.indexOf产生的性能问题
2012/07/03 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
jQuery内容过滤选择器用法分析
2015/02/10 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
Bootstrap开发实战之第一次接触Bootstrap
2016/06/02 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
2016/06/07 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
详解vue slot插槽的使用方法
2017/06/13 Javascript
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
python画折线图的程序
2018/07/26 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
暑期社会实践方案
2014/02/05 职场文书
班组建设经验交流材料
2014/05/12 职场文书
2014年团工作总结
2014/11/27 职场文书
优秀班主任材料
2014/12/16 职场文书
复兴之路观后感
2015/06/02 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
MySQL 数据表操作
2022/05/04 MySQL
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript