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 相关文章推荐
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
js 获取服务器控件值的代码
Mar 05 Javascript
JQuery性能优化的几点建议
May 14 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
Apr 29 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
Dec 01 Javascript
不能不知道的10个angularjs英文学习网站
Mar 23 Javascript
JavaScript生成.xls文件的代码
Dec 22 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
微信小程序页面间传递数组对象方法解析
Nov 06 Javascript
js简单实现自动生成表格功能示例
Jun 02 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
全国FM电台频率大全 - 13 福建省
2020/03/11 无线电
php中的字符编码转换函数用法示例
2014/10/20 PHP
详解PHP序列化反序列化的方法
2015/10/27 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
jQuery中与toggleClass等价的程序段 以及未来学习的方向
2010/03/18 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
浅析jQuery中使用$所引发的问题
2016/05/29 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
基于jQuery实现Tabs选项卡自定义插件
2016/11/21 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
jQuery用noConflict代替$的实现方法
2017/04/12 jQuery
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
vue中父子组件注意事项,传值及slot应用技巧
2018/05/09 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
js实现石头剪刀布游戏
2020/10/11 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
Python开发编码规范
2006/09/08 Python
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
Python中文分词实现方法(安装pymmseg)
2016/06/14 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python实现简易动态时钟
2018/11/19 Python
Python集中化管理平台Ansible介绍与YAML简介
2019/06/12 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
法国隐形眼镜网站:VisionDirect.fr
2020/03/03 全球购物
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
董事长秘书工作职责
2014/06/10 职场文书
2014年客房部工作总结
2014/11/22 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
SQLServer中exists和except用法介绍
2021/12/04 SQL Server
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang
python实现学员管理系统(面向对象版)
2022/06/05 Python