判断多个元素(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对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
Aug 11 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
Javascript实现字数统计
Jul 03 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
Oct 27 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
uni-app如何页面传参数的几种方法总结
Apr 28 Javascript
编写v-for循环的技巧汇总
Dec 01 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 结果集的分页实现代码
2009/03/10 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
php配合jquery实现增删操作具体实例
2013/12/12 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
javascript 节点排序 2
2011/01/31 Javascript
基于Jquery的文字自动截取(提供源代码)
2011/08/09 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
javascript操作referer详细解析
2014/03/10 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
2016/01/14 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
javascript 利用arguments实现可变长参数
2016/11/21 Javascript
js实现三级联动效果(简单易懂)
2017/03/27 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
JQuery的加载和选择器用法简单示例
2019/05/13 jQuery
javascript防抖函数debounce详解
2019/06/11 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
python处理文本文件并生成指定格式的文件
2014/07/31 Python
部署Python的框架下的web app的详细教程
2015/04/30 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
python:socket传输大文件示例
2017/01/18 Python
python编程实现希尔排序
2017/04/13 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
平面设计求职信
2014/03/10 职场文书
单位绩效考核方案
2014/05/11 职场文书
竞聘演讲稿怎么写
2014/08/28 职场文书
2014年统战工作总结
2014/12/09 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
心灵点滴观后感
2015/06/02 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python
table不让td文字溢出操作方法
2022/12/24 HTML / CSS