判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明


Posted in Javascript onFebruary 18, 2009

在提交表单时经常需要对一些必填字段进行判断是否为空,
如果是文本框那很好办,大家都会写,但是如果遇上多个raido,checkbox
必选一个或多个就稍微麻烦一点了。
通过取整个表单的元素集合,我们可以对其进行如下处理: 

var msg=""; 
var obj=""; 
var flag=false; 
for (var i=0;i<document.frmsignup.elements.length;i++){ 
var e = document.frmsignup.elements[i]; 
if (e.name == 'source'){ 
if (e.checked==false) 
flag=false; 
else{ 
flag=true; 
break; 
} 
} 
} 
if (!flag) { 
msg = "访问来源:必须填写." 
obj = "source"; 
}

这只是判断了 name="source" 的多个radio是否有被选择,
对于checkbox 如果要判断选择了几个,就只需要加一个 count去收集结果就可以了
如果有更简单的方式,希望能告知。
Javascript 相关文章推荐
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
Javascript基础教程之if条件语句
Jan 18 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
Angular2 组件交互实例详解
Aug 24 Javascript
vue项目持久化存储数据的实现代码
Oct 01 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
Dec 12 Javascript
Java Varargs 可变参数用法详解
Jan 28 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
详解JavaScript的计时器和按钮效果设置
Feb 18 Javascript
JAVASCRIPT IE 与 FF中兼容问题小结
Feb 18 #Javascript
javascript css在IE和Firefox中区别分析
Feb 18 #Javascript
js表数据排序 sort table data
Feb 18 #Javascript
js window.event对象详尽解析
Feb 17 #Javascript
js实现权限树的更新权限时的全选全消功能
Feb 17 #Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 #Javascript
JSON扫盲帖 JSON.as类教程
Feb 16 #Javascript
You might like
将数组写入txt文件 var_export
2009/04/21 PHP
一篇有意思的技术文章php介绍篇
2010/10/26 PHP
php中防止伪造跨站请求的小招式
2011/09/02 PHP
PHP中函数rand和mt_rand的区别比较
2012/12/26 PHP
php异常处理使用示例
2014/02/25 PHP
xml分页+ajax请求数据源+dom取结果实例代码
2008/10/31 Javascript
jQuery ui 1.7更新小结
2009/08/15 Javascript
TBCompressor js代码压缩
2011/01/05 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
2014/04/23 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
JavaScript控制table某列不显示的方法
2015/03/16 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
详解Python发送邮件实例
2016/01/10 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
python字典排序的方法
2019/10/12 Python
彻底搞懂 python 中文乱码问题(深入分析)
2020/02/28 Python
Python可以用来做什么
2020/11/23 Python
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
2015新学期校长寄语(3篇)
2015/03/25 职场文书
春晚观后感
2015/06/11 职场文书
Vue实现tab导航栏并支持左右滑动功能
2021/06/28 Vue.js
MySQL数据管理操作示例讲解
2022/12/24 MySQL