简单实用的全选反选按钮例子


Posted in Javascript onOctober 18, 2013
//全选按钮处理 
$(function(){ 
//点击全选 
$("#checkAll").click(function () {//当点击全选框时 
var flag = $("#checkAll").is(":checked");//判断全选按钮的状态 
var checkItems=document.getElementsByName("checkItem"); 
for(var i=0;i<checkItems.length;i++){ 
checkItems[i].checked = flag; 
} 
}); 
//点击子项 
$("input:checkbox[name='checkItem']").each(function(){ 
$(this).click(function(){ 
if($("input:checkbox[name='checkItem']:checked").length==$("input:checkbox[name='checkItem']").length){ 
document.getElementById("checkAll").checked = true; 
}else{ 
document.getElementById("checkAll").checked = false; 
} 
}); 
}); 
});
Javascript 相关文章推荐
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
js中typeof的用法汇总
Dec 12 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
javascript类型系统 Array对象学习笔记
Jan 09 Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
JavaScript实现三级联动菜单效果
Aug 16 Javascript
页面内锚点定位及跳转方法总结(推荐)
Apr 24 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 Javascript
JS可断点续传文件上传实现代码解析
Jul 30 Javascript
关于jquery的多个选择器的使用示例
Oct 18 #Javascript
js页面跳转的常用方法整理
Oct 18 #Javascript
js判断上传文件的类型和大小示例代码
Oct 18 #Javascript
JS格式化数字金额用逗号隔开保留两位小数
Oct 18 #Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 #Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 #Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 #Javascript
You might like
PHP5 安装方法
2007/01/15 PHP
php+mysql实现数据库随机重排实例
2014/10/17 PHP
php将textarea数据提交到mysql出现很多空格的解决方法
2014/12/19 PHP
一个完整的php文件上传类实例讲解
2015/10/27 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
微信小程序 教程之小程序配置
2016/10/17 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
React Form组件的实现封装杂谈
2018/05/07 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
[55:04]海涛DOTA2死魂复燃6.82版本介绍
2014/09/28 DOTA
Python实现栈的方法
2015/05/26 Python
发布你的Python模块详解
2016/09/15 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
python 实现兔子生兔子示例
2019/11/21 Python
python 实现Requests发送带cookies的请求
2021/02/08 Python
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
浅析HTML5中的download属性使用
2019/03/13 HTML / CSS
高中生自我鉴定范文
2013/10/30 职场文书
心理学专业大学生职业生涯规划范文
2014/02/19 职场文书
董事长助理工作职责
2014/06/08 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
党员考试作弊检讨书1000字
2015/02/16 职场文书
运动会报道稿大全
2015/07/23 职场文书
2015上半年个人工作总结
2015/07/27 职场文书
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android