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 相关文章推荐
SUN的《AJAX与J2EE》全文译了
Feb 23 Javascript
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
常用jQuery代码分享
Jul 14 Javascript
jQuery Validate初步体验(一)
Dec 12 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
easyui-datagrid特殊字符不能显示的处理方法
Apr 12 Javascript
基于模板引擎Jade的应用(详解)
Dec 12 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
Openlayers学习之加载鹰眼控件
Sep 28 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
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
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
全面解读PHP的Yii框架中的日志功能
2016/03/17 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
JS控制弹出新页面窗口位置和大小的方法
2015/03/02 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
简单几步实现返回顶部效果
2016/12/05 Javascript
js实现日历的简单算法
2017/01/24 Javascript
extjs简介_动力节点Java学院整理
2017/07/17 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
Vue.js 2.0和Cordova开发webApp环境搭建方法
2018/02/26 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
JavaScript中的惰性载入函数及优势
2020/02/18 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
2020/05/28 Javascript
VueJS实现用户管理系统
2020/05/29 Javascript
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
Python实现的异步代理爬虫及代理池
2017/03/17 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
有关pycharm登录github时有的时候会报错connection reset的问题
2020/09/15 Python
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
美国智能家居专家:tink
2019/06/04 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
早餐连锁店计划书
2014/01/08 职场文书
五水共治一句话承诺
2014/05/30 职场文书
产品委托授权书范本
2014/09/16 职场文书
写给领导的感谢信
2015/01/22 职场文书
离婚起诉书范文2016
2015/11/26 职场文书
工程移交协议书
2016/03/24 职场文书
2019各种承诺书范文
2019/06/24 职场文书
JavaScript数组 几个常用方法总结
2021/11/11 Javascript