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与asp.net(c#)互相调用方法
Dec 13 Javascript
JavaScript四种调用模式和this示例介绍
Jan 02 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
jquery事件与绑定事件
Mar 16 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
Jul 18 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
浅谈vue权限管理实现及流程
Apr 23 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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
JAVA/JSP学习系列之四
2006/10/09 PHP
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
解析php入库和出库
2013/06/25 PHP
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
javascript二维数组转置实例
2015/01/22 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
jQuery学习笔记之入门
2016/12/14 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
使用electron制作满屏心特效的示例代码
2018/11/27 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
应聘自荐书
2013/10/08 职场文书
文秘自荐信
2013/10/20 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
小学优秀教师材料
2014/12/15 职场文书
2015年推普周活动总结
2015/03/27 职场文书
Python多个MP4合成视频的实现方法
2021/07/16 Python