判断多个元素(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中 delegate使用的问题
Jul 03 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
Oct 13 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
多种jQuery绑定事件的实现方式
Jun 13 Javascript
js实现千分符和保留几位小数的简单实例
Aug 01 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
Bootstrap4 gulp 配置详解
Jan 06 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
layui数据表格重载实现往后台传参
Nov 15 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 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
php 生成随机验证码图片代码
2010/02/08 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
php查看网页源代码的方法
2015/03/13 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
URL地址中的#符号使用说明
2011/02/12 Javascript
读JavaScript DOM编程艺术笔记
2011/11/15 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
js实现显示当前状态的导航效果代码
2015/08/28 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
js实现漫天星星效果
2017/01/19 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
Bootstrap table使用方法记录
2017/08/23 Javascript
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
layui输入框中只允许输入整数的实现方法
2019/09/18 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
jquery实现简单自动轮播图效果
2020/07/29 jQuery
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python中使用strip()方法删除字符串中空格的教程
2015/05/20 Python
python装饰器-限制函数调用次数的方法(10s调用一次)
2018/04/21 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
团委竞选演讲稿
2014/04/24 职场文书
会计毕业生自荐书
2014/06/12 职场文书
视光学专业自荐信
2014/06/24 职场文书
期中考试复习计划
2015/01/19 职场文书
胡桃夹子观后感
2015/06/11 职场文书
培训计划通知
2015/07/15 职场文书
css3实现背景图片颜色修改的多种方式
2021/04/13 HTML / CSS
python的html标准库
2022/04/29 Python
ant design charts 获取后端接口数据展示
2022/05/25 Javascript