js 判断checkbox是否选中的操作方法


Posted in Javascript onNovember 09, 2012

核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法。
//第几个没有选

<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1"> 
<script language=javascript> 
function check(obj) 
{ for(i=0;i<document.all(obj).length;i++) 
{ 
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") 
} 
} 
</script> 
<input type=button onclick="check('checkbox1')" value="检测">

//一个也没有选
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<Script Language="JavaScript"> 
function check(obj){ 
for(i=0;i<document.all(obj).length;i++){ 
if(document.all(obj)(i).checked){ 
return; 
} 
} 
window.alert('一个也没有选!'); 
} 
</Script> 
<input type=button onclick="check('test');" value="检测">

//第几个没有选
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1"> 
<script language=javascript> 
function check(obj) 
{ for(i=0;i<document.all(obj).length;i++) 
{ 
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") 
} 
} 
</script> 
<input type=button onclick="check('checkbox1')" value="检测">

//一个也没有选
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<Script Language="JavaScript"> 
function check(obj){ 
for(i=0;i<document.all(obj).length;i++){ 
if(document.all(obj)(i).checked){ 
return; 
} 
} 
window.alert('一个也没有选!'); 
} 
</Script> 
<input type=button onclick="check('test');" value="检测">
Javascript 相关文章推荐
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
javascript实现window.print()去除页眉页脚
Dec 30 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
jQuery设计思想
Mar 07 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
select2 ajax 设置默认值,初始值的方法
Aug 09 Javascript
详解Vue.js使用Swiper.js在iOS
Sep 10 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 Javascript
JS的replace方法详细介绍
Nov 09 #Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
Nov 08 #Javascript
javascript模拟select,jselect的方法实现
Nov 08 #Javascript
js实现图片放大缩小功能后进行复杂排序的方法
Nov 08 #Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
Nov 08 #Javascript
表头固定(利用jquery实现原理介绍)
Nov 08 #Javascript
Javascript继承(上)——对象构建介绍
Nov 08 #Javascript
You might like
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
实现PHP中session存储及删除变量
2018/10/15 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
js 判断计算字符串长度/判断空的简单方法
2013/08/05 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
js实现倒计时关键代码
2017/05/05 Javascript
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
[50:12]EG vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[59:00]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第一场 3月7日
2021/03/11 DOTA
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
在Python中操作字典之fromkeys()方法的使用
2015/05/21 Python
Python的Django框架可适配的各种数据库介绍
2015/07/15 Python
Python3爬虫学习入门教程
2018/12/11 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
python数据持久存储 pickle模块的基本使用方法解析
2019/08/30 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
python实现自动清理重复文件
2020/08/24 Python
英国日常交易网站:Wowcher
2018/09/04 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
销售人员中英文自荐信
2013/09/22 职场文书
法律进学校实施方案
2014/03/15 职场文书
体育节口号
2014/06/19 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
入团申请书格式
2019/06/20 职场文书
《女娲补天》读后感5篇
2019/12/31 职场文书
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis
IIS服务器中设置HTTP重定向访问HTTPS
2022/04/29 Servers
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL