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 相关文章推荐
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
js实现简单的左右两边固定广告效果实例
Apr 10 Javascript
jquery实现二级导航下拉菜单效果
Dec 18 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
使用Vue 自定义文件选择器组件的实例代码
Mar 04 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 Javascript
浅谈react路由传参的几种方式
Mar 23 Javascript
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 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 session 存储方式的详细介绍
2013/06/25 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
php创建无限级树型菜单
2015/11/05 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
PHP PDOStatement::getAttribute讲解
2019/02/01 PHP
Jquery 设置标题的自动翻转
2009/10/03 Javascript
基于jQuery的模仿新浪微博时间的组件
2011/10/04 Javascript
JQuery加载图片自适应固定大小的DIV
2013/09/12 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
jquery动态加载select下拉框示例代码
2013/12/10 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
利用vue.js插入dom节点的方法
2017/03/15 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
小程序实现多选框功能
2018/10/30 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
django_orm查询性能优化方法
2018/08/20 Python
pycharm创建一个python包方法图解
2019/04/10 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
Python 实现一行输入多个数字(用空格隔开)
2020/04/29 Python
深入了解Python 变量作用域
2020/07/24 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
通信工程专业毕业生推荐信
2013/12/25 职场文书
施工资料员岗位职责
2014/01/06 职场文书
企业办公室岗位职责
2014/03/12 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书