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 相关文章推荐
juqery 学习之四 筛选查找
Nov 30 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
JavaScript实现获得所有兄弟节点的方法
Jul 23 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
正则表达式(语法篇推荐)
Jun 24 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
JavaScript运动框架 多值运动(四)
May 18 Javascript
Smartour 让网页导览变得更简单(推荐)
Jul 19 Javascript
vue Element-ui表格实现树形结构表格
Jun 07 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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
ThinkPHP连接数据库的方式汇总
2014/12/05 PHP
用表格输出1-1000之间的数字实现代码(附特效)
2013/04/21 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
JavaScript中getUTCSeconds()方法的使用详解
2015/06/11 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
在vue-cli的组件模板里使用font-awesome的两种方法
2018/09/28 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
create-react-app中添加less支持的实现
2019/11/15 Javascript
浅谈python函数之作用域(python3.5)
2017/10/27 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
PyCharm设置SSH远程调试的方法
2018/07/17 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
Python根据字典的值查询出对应的键的方法
2020/09/30 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
Python-split()函数实例用法讲解
2020/12/18 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
美国玩具公司:U.S.Toy
2018/05/19 全球购物
单位实习证明怎么写
2014/01/17 职场文书
创先争优承诺书
2015/01/20 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python
教你用Python爬取英雄联盟皮肤原画
2021/06/13 Python
python中 Flask Web 表单的使用方法
2022/05/20 Python