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


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 相关文章推荐
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
JS实现下拉菜单赋值到文本框的方法
Aug 18 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
Bootstrap的modal拖动效果
Dec 25 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
使用Vuex实现一个笔记应用的方法
Mar 13 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
js实现3D粒子酷炫动态旋转特效
Sep 13 Javascript
Moment的feature导致线上bug解决分析
Sep 23 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堆排序实现原理与应用方法
2015/01/03 PHP
thinkPHP中create方法与令牌验证实例浅析
2015/12/08 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
2016/12/27 PHP
修复IE9&amp;safari 的sort方法
2011/10/21 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
angular 组件通信的几种实现方式
2018/07/13 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
2018/10/28 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
python二分查找算法的递归实现方法
2016/05/12 Python
Python双向循环链表实现方法分析
2018/07/30 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤
2020/08/07 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
营销与策划个人求职信
2013/09/22 职场文书
酒店个人培训自我鉴定
2013/12/11 职场文书
年会活动策划方案
2014/01/23 职场文书
小学教师自我评价
2015/03/04 职场文书
学校运动会开幕词
2016/03/03 职场文书
python中redis包操作数据库的教程
2022/04/19 Python
Docker部署Mysql8的实现步骤
2022/07/07 Servers