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 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
一个背景云变换js特效 鼠标移动背景云变化
Dec 28 Javascript
用Move.js配合创建CSS3动画的入门指引
Jul 22 Javascript
javascript的几种继承方法介绍
Mar 22 Javascript
JavaScript的Vue.js库入门学习教程
May 23 Javascript
AngularJS教程 ng-style 指令简单示例
Aug 03 Javascript
JavaScript之map reduce_动力节点Java学院整理
Jun 29 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
Dec 27 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
Mar 29 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 Javascript
three.js着色器材质的内置变量示例详解
Aug 16 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版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
js判断上传文件类型判断FileUpload文件类型代码
2014/05/20 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
jQuery获取this当前对象子元素对象的方法
2016/11/29 Javascript
关于微信上网页图片点击全屏放大效果
2016/12/19 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
图片懒加载插件实例分享(含解析)
2017/01/09 Javascript
js实现简单数字变动效果
2017/11/06 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
React Native基础入门之初步使用Flexbox布局
2018/07/02 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
在Python中使用pngquant压缩png图片的教程
2015/04/09 Python
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
Python实现的求解最小公倍数算法示例
2018/05/03 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
浅谈Pandas Series 和 Numpy array中的相同点
2019/06/28 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
opencv python如何实现图像二值化
2020/02/03 Python
美国和加拿大房车出售在线分类广告:RVT.com
2018/04/23 全球购物
学生爱国演讲稿
2014/01/14 职场文书
室内拓展活动方案
2014/02/13 职场文书
大专生自荐书范文
2014/06/22 职场文书
大专生求职信
2014/06/29 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
发布会邀请函
2015/01/31 职场文书
邀请函模板
2015/02/02 职场文书
赵氏孤儿观后感
2015/06/09 职场文书
投诉信范文
2015/07/02 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
优秀创业计划书分享
2019/07/19 职场文书
golang interface判断为空nil的实现代码
2021/04/24 Golang
openstack云计算keystone组件工作介绍
2022/04/20 Servers