判断多个元素(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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
May 05 Javascript
JavaScript匿名函数之模仿块级作用域
Dec 12 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 Javascript
JavaScript实现大图轮播效果
Jan 11 Javascript
js中的DOM模拟购物车功能
Mar 22 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
对layer弹出框中icon数字参数的说明介绍
Sep 04 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 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
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
js创建元素(节点)示例
2014/01/02 Javascript
JS实现清除指定cookies的方法
2014/09/20 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
JS继承用法实例分析
2015/02/05 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
JS实现简单短信验证码界面
2017/08/07 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
2018/08/09 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
Python数字图像处理之霍夫线变换实现详解
2018/01/12 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
python匿名函数的使用方法解析
2019/10/10 Python
python zip()函数使用方法解析
2019/10/31 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
利用python汇总统计多张Excel
2020/09/22 Python
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
特色蛋糕店创业计划书
2014/01/28 职场文书
致1500米运动员广播稿
2014/02/07 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
有关环保的标语
2014/06/13 职场文书
领导班子整改措施
2014/10/24 职场文书
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS
Python中使用Opencv开发停车位计数器功能
2022/04/04 Python
教你nginx跳转配置的四种方式
2022/07/07 Servers