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 相关文章推荐
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
Mar 11 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
axios使用拦截器统一处理所有的http请求的方法
Nov 02 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
Node.js 实现远程桌面监控的方法步骤
Jul 02 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
javascript用defineProperty实现简单的双向绑定方法
Apr 03 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模板,主要想体现一下思路
2006/12/25 PHP
优化PHP代码的53条建议
2008/03/27 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
laravel 字段格式化 modle 字段类型转换方法
2019/09/30 PHP
javascript的函数
2007/01/31 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
2016/03/30 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
2017/08/19 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
Node.js console控制台简单用法分析
2019/01/04 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
原生js实现自定义难度的扫雷游戏
2021/01/22 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
Python urls.py的三种配置写法实例详解
2017/04/28 Python
老生常谈python函数参数的区别(必看篇)
2017/05/29 Python
对python中的logger模块全面讲解
2018/04/28 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
python3.7环境下安装Anaconda的教程图解
2019/09/10 Python
python实现两个字典合并,两个list合并
2019/12/02 Python
pycharm双击无响应(打不开问题解决办法)
2020/01/10 Python
Python阶乘求和的代码详解
2020/02/14 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
医学检验专业个人求职信范文
2013/12/04 职场文书
数学系毕业生求职信
2014/05/29 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs