判断多个元素(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 相关文章推荐
Array.prototype.slice 使用扩展
Jun 09 Javascript
基于jsTree的无限级树JSON数据的转换代码
Jul 27 Javascript
用javascript关闭本窗口技巧小结
Sep 05 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
JavaScript文本框脚本编写的注意事项
Jan 25 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
jquery自动补齐功能插件flexselect用法示例
Aug 06 Javascript
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
Angular6 写一个简单的Select组件示例
Aug 20 Javascript
vue滚动固定顶部及修改样式的实例代码
May 30 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
May 01 Javascript
javascript使用canvas实现饼状图效果
Sep 08 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 self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
ThinkPHP中Common/common.php文件常用函数功能分析
2016/05/20 PHP
PHP中常用的魔术方法
2017/04/28 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
js+xml生成级联下拉框代码
2012/07/24 Javascript
JS 控件事件小结
2012/10/31 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
2016/06/27 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
[01:35]2014DOTA2西雅图邀请赛 专访狐狸妈青春献给刀塔
2014/07/08 DOTA
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
Python学习思维导图(必看篇)
2017/06/26 Python
使用pandas read_table读取csv文件的方法
2018/07/04 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
python 多线程重启方法
2019/02/18 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
PyQt5的相对布局管理的实现
2020/08/07 Python
护士自我鉴定范文
2013/10/06 职场文书
会议邀请书范文
2014/02/02 职场文书
本科生导师推荐信范文
2014/05/18 职场文书
精神文明建设标语
2014/06/16 职场文书
雷人标语集锦
2014/06/19 职场文书
创业计划书之废品回收
2019/09/26 职场文书
python读取pdf格式文档的实现代码
2021/04/01 Python
Python制作表白爱心合集
2022/01/22 Python
字节飞书面试promise.all实现示例
2022/06/16 Javascript
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis