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 &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
jQuery实现防止提交按钮被双击的方法
Mar 24 Javascript
Angular中$compile源码分析
Jan 28 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
Nov 20 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
Nov 17 Vue.js
使用vue判断当前环境是安卓还是IOS
Apr 12 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中IP地址与整型数字互相转换详解
2014/08/20 PHP
ThinkPHP多语言支持与多模板支持概述
2014/08/22 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
2015/08/15 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
浅谈jQuery hover(over, out)事件函数
2016/12/03 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python计算字符宽度的方法
2016/06/14 Python
Python实现excel转sqlite的方法
2017/07/17 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
Python面向对象类的继承实例详解
2018/06/27 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
测控技术自荐信
2014/06/05 职场文书
消防工作实施方案
2014/06/09 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
2015年加油站工作总结
2015/05/13 职场文书
起诉状范本
2015/05/20 职场文书
环保证明
2015/06/23 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript