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 相关文章推荐
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
Sep 25 Javascript
淘宝搜索框效果实现分析
Mar 05 Javascript
jquery学习笔记 用jquery实现无刷新登录
Aug 08 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 Javascript
node.js中的fs.openSync方法使用说明
Dec 17 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
微信小程序 增、删、改、查操作实例详解
Jan 13 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
Aug 19 Javascript
tracking.js页面人脸识别插件使用方法
Apr 16 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
JS实现数据动态渲染的竖向步骤条
Jun 24 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的mssql数据库连接类实例
2014/11/28 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
PHP扩展类型及安装方式解析
2020/04/27 PHP
document.documentElement和document.body区别介绍
2013/09/16 Javascript
js同比例缩放图片的小例子
2013/10/30 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
NodeJS制作爬虫全过程
2014/12/22 NodeJs
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
vue代码分割的实现(codesplit)
2018/11/13 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
2018/12/06 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
python实现根据文件格式分类
2019/10/31 Python
pytorch 中的重要模块化接口nn.Module的使用
2020/04/02 Python
Python中Qslider控件实操详解
2021/02/20 Python
利用css3制作3D样式按钮实现代码
2013/03/18 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
班干部演讲稿
2014/04/24 职场文书
认真学习保证书
2015/02/26 职场文书
中标通知书
2015/04/17 职场文书
Vue h函数的使用详解
2022/02/18 Vue.js
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js
Promise静态四兄弟实现示例详解
2022/07/07 Javascript