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 相关文章推荐
静态的动态续篇之来点XML
Dec 23 Javascript
js控制table合并具体实现
Feb 20 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
详解AngularJS中module模块的导入导出
Dec 10 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
vue params、query传参使用详解
Sep 12 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 Javascript
iconfont的三种使用方式详解
Aug 05 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简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
分享php分页的功能模块
2015/06/16 PHP
使用php+swoole对client数据实时更新(一)
2016/01/07 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
js 上传图片预览问题
2010/12/06 Javascript
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
javascript闭包概念简单解析(推荐)
2016/06/03 Javascript
angular实现form验证实例代码
2017/01/17 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
vscode 开发Vue项目的方法步骤
2018/11/25 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
如何将python中的List转化成dictionary
2016/08/15 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
python中property和setter装饰器用法
2019/12/19 Python
Python turtle库的画笔控制说明
2020/06/28 Python
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
成考报名单位证明范本
2014/01/16 职场文书
运动会开幕式邀请函
2014/02/03 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
抗震救灾标语
2014/06/26 职场文书
身边的榜样活动方案
2014/08/20 职场文书
2015高考寄语集锦
2015/02/27 职场文书
2016感恩母亲节校园广播稿
2015/12/17 职场文书
带你了解Java中的ForkJoin
2022/04/28 Java/Android
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android