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 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 11 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Jun 22 Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
jquery中event对象属性与方法小结
Dec 18 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
laydate日历控件使用方法详解
Nov 20 Javascript
Angularjs Promise实例详解
Mar 15 Javascript
详解js的视频和音频采集
Aug 09 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
Sep 18 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
Jul 15 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
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 多行多列显示
2009/08/15 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
javascript根据像素点取位置示例
2014/01/27 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
详解vue-resource promise兼容性问题
2017/06/20 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
2019/06/10 jQuery
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
python中正则的使用指南
2016/12/04 Python
Python中使用支持向量机SVM实践
2017/12/27 Python
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
django 多对多表的创建和插入代码实现
2019/09/09 Python
python异步编程 使用yield from过程解析
2019/09/25 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
专科毕业生学习生活的自我评价
2013/10/26 职场文书
动物科学专业毕业生的自我评价
2013/11/29 职场文书
4s店总经理岗位职责
2013/12/31 职场文书
养生餐厅创业计划书范文
2014/03/26 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
社区班子对照检查材料
2014/08/27 职场文书
政府个人对照检查材料
2014/08/28 职场文书
学习与创新自我评价
2015/03/09 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书