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 相关文章推荐
JavaScipt基本教程之JavaScript语言的基础
Jan 16 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 Javascript
Javascript对象属性方法汇总
Nov 21 Javascript
js实现遮罩层弹出框的方法
Jan 15 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
js+canvas绘制矩形的方法
Jan 28 Javascript
JS实现图片平面旋转的方法
Mar 01 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
Jul 30 Javascript
JavaScript数组reduce()方法的语法与实例解析
Jul 07 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
php堆排序(heapsort)练习
2013/11/13 PHP
简单谈谈php中的unicode和utf8编码
2015/06/10 PHP
php json中文编码为null的解决办法
2016/12/14 PHP
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
2013/08/12 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
详解vue父子组件间传值(props)
2017/06/29 Javascript
Angular2的管道Pipe的使用方法
2017/11/07 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
vue-router命名视图的使用讲解
2019/01/19 Javascript
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
整理Python中的赋值运算符
2015/05/13 Python
redis数据库及与python交互用法简单示例
2019/11/01 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
shallow copy和deep copy的区别
2016/05/09 面试题
债务追讨授权委托书范本
2014/10/16 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
法律意见书范文
2015/05/20 职场文书
2015年征兵工作总结
2015/07/23 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
JS实现扫雷项目总结
2021/05/19 Javascript
go 实现简易端口扫描的示例
2021/05/22 Golang
浅谈PHP7中的一些小技巧
2021/05/29 PHP
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript