jquery checkbox全选、取消全选实现代码


Posted in Javascript onMarch 05, 2010
<script src="http://img.3water.com/jslib/jquery/jquery-1.3.2.min.js"></script> 
<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br /> 
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br /> 
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br /> 
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选 
<script type="text/javascript"><!-- 
$(function() { 
$("#checkedAll").click(function() { 
if ($(this).attr("checked") == true) { // 全选 
$("input[name='checkbox_name[]']").each(function() { 
$(this).attr("checked", true); 
}); 
} else { // 取消全选 
$("input[name='checkbox_name[]']").each(function() { 
$(this).attr("checked", false); 
}); 
} 
}); 
}); 
// --> 
</script>
Javascript 相关文章推荐
jquery form表单提交插件asp.net后台中文解码
Jun 12 Javascript
javascript 函数调用的对象和方法
Jul 01 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
Dec 15 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
js实现超简单的展开、折叠目录代码
Aug 28 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
详解将微信小程序接口Promise化并使用async函数
Aug 05 Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 #Javascript
ExtJS 工具栏 分页事件参数
Mar 05 #Javascript
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 #Javascript
javascript 浏览器检测代码精简版
Mar 04 #Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 #Javascript
jquery与google map api结合使用 控件,监听器
Mar 04 #Javascript
jquery 打开窗口返回值实现代码
Mar 04 #Javascript
You might like
php基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
PHP简单日历实现方法
2016/07/20 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
ext form 表单提交数据的方法小结
2008/08/08 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
python根据日期返回星期几的方法
2015/07/06 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
opencv3/C++ 平面对象识别&amp;透视变换方式
2019/12/11 Python
Pytorch mask_select 函数的用法详解
2020/02/18 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
如何利用Python 进行边缘检测
2020/10/14 Python
Django xadmin安装及使用详解
2020/10/26 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
英国探险旅游专家:Explore
2018/12/20 全球购物
Servlet如何得到服务器的信息
2015/12/22 面试题
五年级音乐教学反思
2014/02/06 职场文书
面试感谢信范文
2015/01/22 职场文书
技术员岗位职责
2015/02/04 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
JS代码编译器Monaco使用方法
2021/06/11 Javascript
redis客户端实现高可用读写分离的方式详解
2021/07/04 Redis
python多次执行绘制条形图
2022/04/20 Python
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers