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 相关文章推荐
Prototype源码浅析 String部分(二)
Jan 16 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 Javascript
JS实现的自定义右键菜单实例二则
Sep 01 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
vue2.0项目集成Cesium的实现方法
Jul 30 Javascript
使用webpack搭建vue环境的教程详解
Dec 31 Javascript
Vue中使用better-scroll实现轮播图组件
Mar 07 Javascript
Vue ECharts实现机舱座位选择展示功能
May 15 Vue.js
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 smarty的预保留变量总结
2008/12/04 PHP
drupal 代码实现URL重写
2011/05/04 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
jQuery学习5 jQuery事件模型
2010/02/07 Javascript
js中方法重载如何实现?以及函数的参数问题
2013/08/01 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
jQuery 选择器详解
2015/01/19 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
js结合正则实现国内手机号段校验
2015/06/19 Javascript
js实现网页抽奖实例
2015/08/05 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
jQuery文字轮播特效
2017/02/12 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
详解Nodejs 通过 fs.createWriteStream 保存文件
2017/10/10 NodeJs
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
微信小程序实现左右列表联动
2020/05/19 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
jQuery操作动画完整实例分析
2020/01/10 jQuery
js实现带搜索功能的下拉框
2020/01/11 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
python获取糗百图片代码实例
2013/12/18 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
python将excel转换为csv的代码方法总结
2019/07/03 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
基于Html5实现的react拖拽排序组件示例
2018/08/13 HTML / CSS
佛罗里达州印第安河新鲜水果:Hale Groves
2017/02/20 全球购物
女方婚礼新郎答谢词
2014/01/11 职场文书
模范教师事迹材料
2014/02/10 职场文书
气象学专业个人求职信
2014/03/15 职场文书
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
一文读懂navicat for mysql基础知识
2021/05/31 MySQL
python区块链持久化和命令行接口实现简版
2022/05/25 Python