判断多个元素(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的让textarea自适应高度的插件
Aug 03 Javascript
jQuery中add实现同时选择两个id对象
Oct 22 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
Apr 18 Javascript
javascript之typeof、instanceof操作符使用探讨
May 19 Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
vue实现文件上传功能
Aug 13 Javascript
vue插件draggable实现拖拽移动图片顺序
Dec 01 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
jQuery zTree树插件的使用教程
Aug 16 jQuery
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封装的完整分页类示例
2018/08/21 PHP
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
Require.js的基本用法详解
2017/07/03 Javascript
vue.js国际化 vue-i18n插件的使用详解
2017/07/07 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
2018/01/25 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
[06:25]DOTA2英雄梦之声_第17期_大地之灵
2014/06/20 DOTA
Python查看多台服务器进程的脚本分享
2014/06/11 Python
python中enumerate的用法实例解析
2014/08/18 Python
python中的闭包用法实例详解
2015/05/05 Python
selenium+python 对输入框的输入处理方法
2018/10/11 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
Python3 翻转二叉树的实现
2019/09/30 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
浅谈Python中range与Numpy中arange的比较
2020/03/11 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
公司财务工作总结的自我评价
2013/11/23 职场文书
高中军训感言400字
2014/02/24 职场文书
劳动竞赛口号
2014/06/16 职场文书
法人委托书
2014/07/31 职场文书
财产保全担保书
2015/01/20 职场文书
奖金申请报告模板
2015/05/15 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书
财务年终工作总结大全
2019/06/20 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
Nginx + consul + upsync 完成动态负载均衡的方法详解
2021/03/31 Servers
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL