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


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 相关文章推荐
JsEasy简介 JsEasy是什么?与下载
Mar 07 Javascript
疯掉了,尽然有js写的操作系统
Apr 23 Javascript
JavaScript 异步调用框架 (Part 5 - 链式实现)
Aug 04 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
JavaScript中的闭包
Feb 24 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
ReactJs快速入门教程(精华版)
Nov 28 Javascript
微信小程序开发探究
Dec 27 Javascript
JsChart组件使用详解
Mar 04 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
Vue实现穿梭框效果
Sep 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
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
php 字符串中的\n换行符无效、不能换行的解决方法
2014/04/02 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
php实现的顺序线性表示例
2019/05/04 PHP
cnblogs TagCloud基于jquery的实现代码
2010/06/11 Javascript
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
2013/09/27 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
vue.js购物车添加商品组件的方法
2019/09/17 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
[06:48]DOTA2-DPC中国联赛2月26日Recap集锦
2021/03/11 DOTA
python 生成不重复的随机数的代码
2011/05/15 Python
python中MethodType方法介绍与使用示例
2017/08/03 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
python的range和linspace使用详解
2019/11/27 Python
Python timeit模块原理及使用方法
2020/10/10 Python
CSS3中HSL和HSLA的简单使用示例
2015/07/14 HTML / CSS
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
Weblogc domain问题
2014/01/27 面试题
Ruby如何进行文件操作
2014/07/17 面试题
幼儿园新学期寄语
2014/01/18 职场文书
小学生暑假家长评语
2014/04/17 职场文书
入股合作协议书
2014/10/12 职场文书
2015年暑假工作总结
2015/07/13 职场文书
2015年学校消防安全工作总结
2015/10/14 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
Python djanjo之csrf防跨站攻击实验过程
2021/05/14 Python
Java 数组内置函数toArray详解
2021/06/28 Java/Android
浅谈MySql整型索引和字符串索引失效或隐式转换问题
2021/11/20 MySQL