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语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
使用EXT实现无刷新动态调用股票信息
Nov 01 Javascript
jquery中的$(document).ready()与window.onload的区别
Nov 18 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
判断文件是否正在被使用的JS代码
Dec 21 Javascript
javascript数字时钟示例分享
Apr 23 Javascript
使用mouse事件实现简单的鼠标经过特效
Jan 30 Javascript
纯js模拟div层弹性运动的方法
Jul 27 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
微信小程序页面间通信的5种方式
Mar 31 Javascript
详解微信小程序开发(项目从零开始)
Jun 06 Javascript
javascript实现函数柯里化与反柯里化过程解析
Oct 08 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 array 的加法操作代码
2010/07/24 PHP
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
php在apache环境下实现gzip配置方法
2015/04/02 PHP
php简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
关于Mozilla浏览器不支持innerText的解决办法
2011/01/01 Javascript
Jquery中获取iframe的代码
2011/01/11 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
2016/08/27 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
Next.js项目实战踩坑指南(笔记)
2018/11/29 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
解决vue组件销毁之后计时器继续执行的问题
2020/07/21 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[46:23]完美世界DOTA2联赛PWL S2 FTD vs Magma 第一场 11.20
2020/11/23 DOTA
Python程序设计入门(3)数组的使用
2014/06/16 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
Python csv文件的读写操作实例详解
2019/11/19 Python
Django配置文件代码说明
2019/12/04 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
联想台湾官网:Lenovo TW
2018/05/09 全球购物
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
本科毕业生自我鉴定
2013/11/02 职场文书
业务员自荐信范文
2014/04/20 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
清洁工个人工作总结
2015/03/05 职场文书
vue+element ui实现锚点定位
2021/06/29 Vue.js
python字符串的一些常见实用操作
2022/04/06 Python
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android