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


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 相关文章推荐
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
vue.js表格分页示例
Oct 18 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
Javascript前端经典的面试题及答案
Mar 14 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
JS实现中英文混合文字溢出友好截取功能
Aug 06 Javascript
node实现爬虫的几种简易方式
Aug 22 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
php类声明和php类使用方法示例分享
2014/03/29 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
php实现图片添加描边字和马赛克的方法
2014/12/10 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
js匿名函数的调用示例(形式多种多样)
2014/08/20 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
jQuery层级选择器用法分析
2015/02/10 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python内置的字符串处理函数整理
2013/01/29 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
Django返回HTML文件的实现方法
2020/09/17 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
全球立体声:World Wide Stereo
2018/09/29 全球购物
英国第一职业高尔夫商店:Clickgolf.co.uk
2020/11/18 全球购物
四群教育工作实施方案
2014/03/26 职场文书
春季防火方案
2014/05/10 职场文书
法定授权委托证明书
2014/09/27 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
捐款通知怎么写
2015/04/24 职场文书
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers