JQUERY复选框CHECKBOX全选,取消全选


Posted in Javascript onAugust 30, 2008
<script type="text/javascript"> 
$(function() { 
$("#checkall").click(function() { 
$("input[@name='checkname[]']").each(function() { 
$(this).attr("checked", true); 
}); 
}); 
$("#delcheckall").click(function() { 
$("input[@name='checkname[]']").each(function() { 
$(this).attr("checked", false); 
}); 
}); 
}); 
</script> <input type='checkbox' id='id1' name='checkname[]' value='1' />value1 
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2 
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3 
<input type="button" id="checkall" name="checkall" value="全选" /> 
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" />

更加简单的一种:
$("#checkall").click( 
function(){ 
if(this.checked){ 
$("input[name='checkname']").each(function(){this.checked=true;}); 
}else{ 
$("input[name='checkname']").each(function(){this.checked=false;}); 
} 
} 
);
Javascript 相关文章推荐
javascript编程起步(第四课)
Jan 10 Javascript
用JavaScript事件串连执行多个处理过程的方法
Mar 09 Javascript
仿迅雷焦点广告效果(JQuery版)
Nov 19 Javascript
jquery的index方法实现tab效果
Feb 16 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
常见的jQuery选择器汇总
Nov 24 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
Webpack中雪碧图插件使用详解
May 25 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
jquery HotKeys轻松搞定键盘事件代码
Aug 30 #Javascript
JQUERY THICKBOX弹出层插件
Aug 30 #Javascript
IE php关于强制下载文件的代码
Aug 23 #Javascript
FormValidate 表单验证功能代码更新并提供下载
Aug 23 #Javascript
Javascript 篱式条件判断
Aug 22 #Javascript
解决AJAX中跨域访问出现'没有权限'的错误
Aug 20 #Javascript
javascript:void(0)的真正含义实例分析
Aug 20 #Javascript
You might like
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
PHP常用的类封装小结【4个工具类】
2019/06/28 PHP
javascript 鼠标滚轮事件
2009/04/09 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
2015/02/05 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
2016/06/25 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
2017/09/15 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
2017/11/20 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
jQuery each和js forEach用法比较
2019/02/27 jQuery
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
jQuery+ajax实现文件上传功能
2020/12/22 jQuery
[02:23]2018DOTA2亚洲邀请赛趣味视频——反应测试
2018/04/04 DOTA
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
python中bisect模块用法实例
2014/09/25 Python
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
python学生信息管理系统
2018/03/13 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
个人查摆剖析材料
2014/10/16 职场文书
现实表现材料范文
2014/12/23 职场文书
办公室规章制度范本
2015/08/04 职场文书
python实现网络五子棋
2021/04/11 Python