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 相关文章推荐
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
关于JavaScript中原型继承中的一点思考
Jul 25 Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
node.js的事件机制
Feb 08 Javascript
jQuery实用密码强度检测
Mar 02 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
layui树形菜单动态遍历的例子
Sep 23 Javascript
Layui事件监听的实现(表单和数据表格)
Oct 17 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
php更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
YII2框架使用控制台命令的方法分析
2020/03/18 PHP
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
Python编程中time模块的一些关键用法解析
2016/01/19 Python
python记录程序运行时间的三种方法
2017/07/14 Python
Python实现简单http服务器
2018/04/12 Python
python3爬虫学习之数据存储txt的案例详解
2019/04/24 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
使用Python实现分别输出每个数组
2019/12/06 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
秘书岗位职责
2013/11/18 职场文书
水利水电专业自荐信
2014/07/08 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
行政处罚告知书
2015/07/01 职场文书
趣味运动会口号
2015/12/24 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
校园文化艺术节开幕词
2016/03/04 职场文书
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB
python中validators库的使用方法详解
2022/09/23 Python