判断多个元素(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 相关文章推荐
javascript判断iphone/android手机横竖屏模式的函数
Dec 20 Javascript
jQuery.getScript加载同域JS的代码
Feb 13 Javascript
什么是cookie?js手动创建和存储cookie
May 27 Javascript
页面加载完后自动执行一个方法的js代码
Sep 06 Javascript
JavaScript插件化开发教程(六)
Feb 01 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
JavaScript中的await/async的作用和用法
Oct 31 Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 Javascript
使用react render props实现倒计时的示例代码
Dec 06 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
vuex实现像调用模板方法一样调用Mutations方法
Nov 06 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 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连mysql和oracle数据库性能比较
2006/10/09 PHP
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
php修改指定文件后缀的方法
2014/09/11 PHP
10款实用的PHP开源工具
2015/10/23 PHP
CodeIgniter基于Email类发邮件的方法
2016/03/29 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
php nginx 实时输出的简单实现方法
2018/01/21 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
在UpdatePanel内jquery easyui效果失效的解决方法
2010/04/11 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
分享使用AngularJS创建应用的5个框架
2015/12/05 Javascript
React实现全局组件的Toast轻提示效果
2018/09/21 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
2019/03/06 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
[09:43]DOTA2每周TOP10 精彩击杀集锦vol.5
2014/06/25 DOTA
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
详解Python实现多进程异步事件驱动引擎
2017/08/25 Python
详解Python使用tensorflow入门指南
2018/02/09 Python
Python实现爬虫从网络上下载文档的实例代码
2018/06/13 Python
python数组循环处理方法
2019/08/26 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
自荐书范文范例
2014/02/13 职场文书
大二法英学生职业生涯规划范文
2014/02/27 职场文书
晚会主持人开场白台词
2015/05/28 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers
Python机器学习三大件之一numpy
2021/05/10 Python
解读Vue组件注册方式
2021/05/15 Vue.js
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python
python3操作redis实现List列表实例
2021/08/04 Python
js不常见操作运算符总结
2021/11/20 Javascript
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL
漫画《催眠麦克风-Dawn Of Divisions》第二卷PV公开
2022/04/05 日漫