判断多个元素(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 相关文章推荐
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
JavaScript 验证码的实例代码(附效果图)
Mar 22 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
javascript给span标签赋值的方法
Nov 26 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
Vue.js获取被选择的option的value和text值方法
Aug 24 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 Javascript
vue 封装面包屑组件教程
Nov 16 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 版本]
2007/03/20 PHP
php debug 安装技巧
2011/04/30 PHP
PHP设计模式 注册表模式
2012/02/05 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
一个tab标签切换效果代码
2009/03/27 Javascript
jQuery学习7 操作JavaScript对象和集合的函数
2010/02/07 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
基于JavaScript实现购物网站商品放大镜效果
2016/09/06 Javascript
更靠谱的H5横竖屏检测方法(js代码)
2016/09/13 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
JS匹配日期和时间的正则表达式示例
2017/05/12 Javascript
基于Bootstrap分页的实例讲解(必看篇)
2017/07/04 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
2017/10/26 jQuery
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
2018/11/28 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
使用axios请求接口,几种content-type的区别详解
2019/10/29 Javascript
python生成IP段的方法
2015/07/07 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
pytorch 数据集图片显示方法
2018/07/26 Python
基于Python绘制个人足迹地图
2020/06/01 Python
pandas参数设置的实用小技巧
2020/08/23 Python
Python创建自己的加密货币的示例
2021/03/01 Python
Python如何实现单例模式
2016/06/03 面试题
大学生村官考核材料
2014/05/23 职场文书
委托书怎样写
2014/08/30 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书
土木工程生产实习心得体会
2016/01/22 职场文书