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选择器绑定事件及修改内容的方法
Jan 23 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
利用jquery实现实时更新歌词的方法
Jan 06 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 20 Javascript
JS实现简单随机3D骰子
Oct 24 Javascript
Vue element-ui父组件控制子组件的表单校验操作
Jul 17 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
BBS(php &amp; mysql)完整版(八)
2006/10/09 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
PHP7常量数组用法分析
2016/09/26 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
Laravel框架Blade模板简介及模板继承用法分析
2019/12/03 PHP
JavaScript的21条基本知识点
2014/03/04 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
js中hash和ico的关联分析
2015/02/05 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
JavaScript 数组的进化与性能分析
2017/09/18 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
vue+openlayers绘制省市边界线
2020/12/24 Vue.js
复习Python中的字符串知识点
2015/04/14 Python
Python批量按比例缩小图片脚本分享
2015/05/21 Python
python中快速进行多个字符替换的方法小结
2016/12/15 Python
Python 数值区间处理_对interval 库的快速入门详解
2018/11/16 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
Python如何使用函数做字典的值
2019/11/30 Python
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
研究生自我鉴定范文
2013/10/30 职场文书
股票投资建议书
2014/05/19 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
债务授权委托书范本
2014/10/17 职场文书
党员民主评议总结
2014/10/20 职场文书
红色革命电影观后感
2015/06/18 职场文书
教师培训简讯
2015/07/20 职场文书
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
《勇者辞职不干了》上卷BD发售宣传CM公开
2022/04/08 日漫