checkbox复选框的全选事件
来源:互联网 发布:linux mac修改 编辑:程序博客网 时间:2024/05/01 01:18
checkbox复选框的全选事件
今天做了一些关于全选框的任务:主要包括了
- 复选框全选
- 再次点击全选框取消全选
- 选中全部的子项,自动选中全选复选框
- 取消选中其中一行,则不选中全选项
上网学习总结最后通过js和jquery实现了上面几个功能,下面给出javascript部分的内容。
复选框
/* * 复选框全选事件 */ $("#all_check").change(function(){ if($("#all_check").attr("checked")=="checked"){ $("input[name='checkbox']").attr("checked","checked"); }else{ $("input[name='checkbox']").removeAttr("checked","checked"); } }); $("input[name='checkbox']").change(function(){ var check = document.getElementsByName('checkbox'); var count = 0; for(var i=0;i<check.length;i++){ if(check[i].checked){//选中全部的子项,自动选中全选复选框; count += 1; if(count == check.length){ $("#all_check").attr("checked","checked"); } }else{//取消选中其中一行,则不选中全选项; $("#all_check").removeAttr("checked","checked"); } } });
0 0
- checkbox复选框的全选事件
- checkbox复选框的全选和全不选
- HTML 复选框 checkbox 的 JavaScript 的全选和全反选
- 用jquery实现复选框checkbox的全选
- android checkBox (复选框)简单例子,全选的实现
- jquery实现checkbox复选框的全选反选
- checkbox复选框的全选与反选
- js案例-3 复选框checkbox的全选返回控制
- jquery实现复选框(checkbox)的全选与反选
- Bootstrap中表格内的checkbox复选框全选
- 复选框(checkbox)全选--js代码
- jQuery复选框全选按钮checkbox
- Bootstrap之表格checkbox复选框全选
- js实现checkbox复选框全选/全不选
- JavaScript全选复选框checkbox效果
- Bootstrap之表格checkbox复选框全选
- 复选框的全选
- java基础---Jquery复选框checkbox全选反选及选中事件
- android-studio-bundle-162.3764568-windows 下载
- Xamarin.Forms的相对布局RelativeLayout
- GTS-GtsGmscoreHostTestCases
- curl命令PostJson
- input js 判断是否被选中(获取焦点获取取消焦点)
- checkbox复选框的全选事件
- 线程池管理服务
- spark 2.1.0安装指南完整版
- lldb+debugserver调试
- 深入浅出MyBatis技术原理和实战(三)
- 【第三课】 面向对象编程(上)---内存分配问题
- Js 冒泡事件阻止
- 警惕RXAndroid中的内存泄露
- [BZOJ1779][Usaco2010 Hol]Cowwar 奶牛战争(最大流)