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实现两个Table固定表头根据页面大小自行调整
Jan 03 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
JavaScript函数详解
Feb 27 Javascript
jQuery使用each方法与for语句遍历数组示例
Jun 16 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
js实现自定义路由
Feb 04 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
Oct 19 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 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的引用计数机制
2013/06/14 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
laravel 框架实现无限级分类的方法示例
2019/10/31 PHP
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
jQuery之ajax删除详解
2014/02/27 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
JS判断非空至少输入两个字符的简单实现方法
2017/06/23 Javascript
详解服务端预渲染之Nuxt(介绍篇)
2019/04/07 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
Python3安装Pymongo详细步骤
2017/05/26 Python
Python中标准库OS的常用方法总结大全
2017/07/19 Python
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
Python后台开发Django会话控制的实现
2019/04/15 Python
Python 离线工作环境搭建的方法步骤
2019/07/29 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
Python3 集合set入门基础
2020/02/10 Python
pycharm实现print输出保存到txt文件
2020/06/01 Python
高街生活方式全球在线商店:AZBRO
2017/08/26 全球购物
药学专业毕业生求职信
2013/10/20 职场文书
出纳岗位职责范本
2013/12/01 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
先进班组事迹材料
2014/12/25 职场文书
统计员岗位职责
2015/02/11 职场文书
党员个人总结范文
2015/02/14 职场文书
2015年幼师工作总结
2015/04/28 职场文书
大学生读书笔记范文
2015/07/01 职场文书
改进工作作风心得体会
2016/01/23 职场文书