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奇异的arguments分析
Oct 20 Javascript
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
Nov 11 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
jQuery版本升级踩坑大全
Jan 12 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
Nov 25 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
Apr 15 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
Dec 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
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
Yii2实现让关联字段支持搜索功能的方法
2016/08/10 PHP
用js统计用户下载网页所需时间的脚本
2008/10/15 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
DOM 事件流详解
2015/01/20 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
js实现表格筛选功能
2017/01/18 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
javascript实现Java中的Map对象功能的实例详解
2017/08/21 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
Vue.js 中的实用工具方法【推荐】
2019/07/04 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
Python兔子毒药问题实例分析
2015/03/05 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
python 随机生成10位数密码的实现代码
2019/06/27 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
彻底搞懂 python 中文乱码问题(深入分析)
2020/02/28 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
2013/01/06 HTML / CSS
Jogun Shop中文官网:韩国知名时尚男装网站
2016/10/12 全球购物
文员的职业生涯规划发展方向
2014/02/08 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS
P站美图推荐——变身女主角特辑
2022/03/20 日漫