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实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
CSS+jQuery实现的一个放大缩小动画效果
Sep 24 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
jQuery中Dom的基本操作小结
Jan 23 Javascript
JavaScript设计模式之单体模式全面解析
Sep 09 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
Feb 27 Javascript
手把手教你从零开始react+antd搭建项目
Jun 03 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/12/18 PHP
php中使用接口实现工厂设计模式的代码
2012/06/17 PHP
PHP的Yii框架使用中的一些错误解决方法与建议
2015/08/21 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
JS正则表达式大全(整理详细且实用)
2013/11/14 Javascript
浅析node.js中close事件
2014/11/26 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JavaScript中数据结构与算法(一):栈
2015/06/19 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
Angularjs手动解析表达式($parse)
2016/10/12 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
JS实现多选框的操作
2020/06/24 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
在Python上基于Markov链生成伪随机文本的教程
2015/04/17 Python
Django Admin实现上传图片校验功能
2016/03/06 Python
python编程实现归并排序
2017/04/14 Python
Python常见异常分类与处理方法
2017/06/04 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
python时间序列按频率生成日期的方法
2019/05/14 Python
Xadmin+rules实现多选行权限方式(级联效果)
2020/04/07 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
Python3爬虫RedisDump的安装步骤
2021/02/20 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
Farnell德国:电子元器件供应商
2018/07/10 全球购物
文秘专业自荐信
2013/10/14 职场文书
小学生考试获奖感言
2014/01/30 职场文书