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 一次处理多个ajax请求的代码
Sep 02 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
bootstrap警告框示例代码分享
May 17 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
使用JS获取页面上的所有标签
Oct 18 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
Jan 15 Javascript
js实现鼠标点击页面弹出自定义文字效果
Dec 24 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 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
推荐几个开源的微信开发项目
2014/12/28 PHP
PHP.vs.JAVA
2016/04/29 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
解析javascript系统错误:-1072896658的解决办法
2013/07/08 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
Node.js编写组件的三种实现方式
2016/02/25 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
浅谈jquery选择器 :first与:first-child的区别
2016/11/20 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
基于JS实现移动端左滑删除功能
2017/07/28 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python合并多个装饰器小技巧
2015/04/28 Python
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
python实现凯撒密码、凯撒加解密算法
2020/06/11 Python
Python如何获取文件路径/目录
2020/09/22 Python
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
若干个Java基础面试题
2015/05/19 面试题
新闻传媒系求职信范文
2014/04/19 职场文书
会计师事务所实习证明
2014/11/16 职场文书
成绩单评语
2015/01/04 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
golang 语言中错误处理机制
2021/08/30 Golang
CSS使用Flex和Grid布局实现3D骰子
2022/08/05 HTML / CSS