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 相关文章推荐
激活 ActiveX 控件
Oct 09 Javascript
jquery的颜色选择插件实例代码
Oct 02 Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 Javascript
js+css实现增加表单可用性之提示文字
Jun 03 Javascript
Bootstrap安装环境配置教程分享
May 27 Javascript
Javascript生成带参数的二维码示例
Oct 10 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
Nov 16 Javascript
关于AngularJs数据的本地存储详解
Jan 20 Javascript
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
微信小程序实现顶部下拉菜单栏
Nov 04 Javascript
element实现合并单元格通用方法
Nov 13 Javascript
vue实现登录、注册、退出、跳转等功能
Dec 23 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中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
PHP微框架Dispatch简介
2014/06/12 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
PHP 实现重载
2021/03/09 PHP
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
2017/05/15 jQuery
Vue+webpack项目基础配置教程
2018/02/12 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
Python获取文件所在目录和文件名的方法
2017/01/12 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
python浪漫表白源码
2019/04/05 Python
python抖音表白程序源代码
2019/04/07 Python
python网络应用开发知识点浅析
2019/05/28 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
企业演讲稿范文
2013/12/28 职场文书
时尚休闲吧创业计划书
2014/01/25 职场文书
办公室文员工作职责
2014/01/31 职场文书
八一建军节活动方案
2014/02/10 职场文书
文明村创建实施方案
2014/03/27 职场文书
实习证明格式范文
2014/10/14 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
2015年安全月活动总结
2015/03/26 职场文书
2015年暑期社会实践活动总结
2015/03/27 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
Python requests用法和django后台处理详解
2022/03/19 Python