判断多个元素(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 相关文章推荐
统一接口:为FireFox添加IE的方法和属性的js代码
Mar 25 Javascript
javascript笔记 String类replace函数的一些事
Sep 22 Javascript
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
JS打印gridview实现原理及代码
Feb 05 Javascript
jquery zTree异步加载简单实例分享
Feb 05 Javascript
Javascript解析URL方法详解
Dec 05 Javascript
JavaScript面对国际化编程时的一些建议
Jun 24 Javascript
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
微信小程序自定义底部弹出框
Nov 16 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 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
MySQL数据源表结构图示
2008/06/05 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
php动态函数调用方法
2015/05/21 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
Laravel框架实现定时发布任务的方法
2018/08/16 PHP
使用jscript实现二进制读写脚本代码
2008/06/09 Javascript
最佳JS代码编写的14条技巧
2011/01/09 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
a标签的href与onclick事件的区别详解
2014/11/12 Javascript
javascript实现的右下角弹窗实例
2015/04/24 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
Angular 4.0学习教程之架构详解
2017/09/12 Javascript
利用d3.js实现蜂巢图表带动画效果
2019/09/03 Javascript
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
python urllib爬虫模块使用解析
2019/09/05 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
采购主管的岗位职责
2013/12/17 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
大学班长的职责
2014/01/27 职场文书
小班重阳节活动方案
2014/02/08 职场文书
出生证明公证书
2014/04/09 职场文书
校庆标语集锦
2014/06/25 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL