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 相关文章推荐
深入理解JavaScript系列(6) 强大的原型和原型链
Jan 15 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
javascript中call和apply的用法示例分析
Apr 02 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
完美的js div拖拽实例代码
Sep 24 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
Aug 16 Javascript
使用async await 封装 axios的方法
Jul 09 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 Vue.js
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
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
php生成数字字母的验证码图片
2015/07/14 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
script标签的 charset 属性使用说明
2010/12/04 Javascript
jquery实现弹出层遮罩效果的简单实例
2014/03/03 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
2017/09/04 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
简单实现vue验证码60秒倒计时功能
2017/10/11 Javascript
详解js静态检查工具eslint配置文件
2018/11/23 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
[06:24]DOTA2亚洲邀请赛小组赛第三日 TOP10精彩集锦
2015/02/01 DOTA
跟老齐学Python之for循环语句
2014/10/02 Python
简单实现Python爬取网络图片
2018/04/01 Python
python操作redis方法总结
2018/06/06 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
python中p-value的实现方式
2019/12/16 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
学习Python列表的基础知识汇总
2020/03/10 Python
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
英国网上电器商店:Electricshop
2020/03/15 全球购物
酒店端午节促销方案
2014/02/18 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
学校安全生产承诺书
2014/05/23 职场文书
建筑横幅标语
2014/10/09 职场文书
七一慰问简报
2015/07/20 职场文书
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA
Python简易开发之制作计算器
2022/04/28 Python