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 相关文章推荐
URL地址中的#符号使用说明
Feb 12 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 Javascript
微信小程序基于本地缓存实现点赞功能的方法
Dec 18 Javascript
js实现动态改变radio状态的方法
Feb 28 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
js实现随机8位验证码
Jul 24 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
解决vue单页面修改样式无法覆盖问题
Aug 05 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
JavaScript中的this妙用实例分析
May 09 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 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
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
php+mysqli实现批量替换数据库表前缀的方法
2014/12/29 PHP
yii数据库的查询方法
2015/12/28 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
Python文件读写常见用法总结
2019/02/22 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
django自带的权限管理Permission用法说明
2020/05/13 Python
python如何查看网页代码
2020/06/07 Python
华润集团网上药店:健一网
2016/09/19 全球购物
Sisley法国希思黎美国官方网站:享誉全球的奢华植物美容品牌
2020/06/27 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
实习单位接收函
2014/01/11 职场文书
校本教研工作制度
2014/01/22 职场文书
党员公开承诺践诺书
2014/03/25 职场文书
预备党员综合考察材料
2014/05/31 职场文书
小学课外阅读总结
2014/07/09 职场文书
装配车间主任岗位职责
2015/04/08 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书
表扬信范文
2019/04/22 职场文书
导游词之山东八大关
2019/12/18 职场文书
原生Js 实现的简单无缝滚动轮播图的示例代码
2021/05/10 Javascript