jq实现复选框联级选中和取消动作
来源:互联网 发布:阿里云域名泛解析 编辑:程序博客网 时间:2024/06/07 00:09
图例如下:
<script> //获取当前的复选框 $('input[name=pri_id_list[]]').click(function(){ //获取当前级别 var cur_level = $(this).attr('level'); //获取当前选中的状态 var chk = $(this).attr('checked'); if(chk) { var tl = cur_level; //当前选中的所有上级权限也是被选中 if(cur_level > 0) { $(this).prevAll('input').each(function(){ if($(this).attr('level')<tl) { $(this).attr('checked','checked'); //跳过兄弟相等的,再找上一级 tl--; if(tl<0) return false;//退出循环 } }) } } else { //取消当前选中所有下级被选中的状态 $(this).nextAll('input').each(function(){ if($(this).attr('level')>cur_level) { $(this).attr('checked',''); } else { return false; } }) } //若父级被取消,其子级下的复选框也会被取消 if($(this).attr('level')>curl_level) { if($(this).attr('checked')) { $(this).nextAll('input').each(function(){ if($(this).attr('level')>cur_level) { $(this).attr('checked',''); } else { return false; } }); } } });</script>
0 0
- jq实现复选框联级选中和取消动作
- 使用Jq 实现复选框批量选中效果
- 选中复选框,取消选中复选框
- input 复选框 取消和选中触发事件响应
- jq判断复选框是否被选中
- jquery 复选框 选中 取消 获取状态
- (礼拜四log)前端开发:使用jq控制input checkbox的选中和取消
- JS复选框checkbox:父复选框全选全取消子选框和子选框选则而父选框自动选中的代码
- CListCtrl 选中 和 取消选中
- CListCtrl 选中 和 取消选中
- 设置多个复选框选中与取消选中
- 子节点复选框选中与取消选中
- js全选实现和判断是否有复选框选中
- javascript实现下拉列表和复选框的选中
- js 元素背景图赋值 + jq控制复选框的选择和取消选择(个人笔记类随笔)
- 复选框全选和取消
- js实现选中复选框
- js中实现同时对checkbox选中和取消
- Entity Framework
- Android类说明---Scroller
- 恰好有N个因子的最小正整数M
- EventProxy使用学习笔记
- 一个优秀的Android应用从建项目开始
- jq实现复选框联级选中和取消动作
- Android 布局自定义Shap圆形ImageView,可以单独设置背景与图片
- 对IOS新手开发有帮助的一些小代码
- !HDU 5317 求区间里两个数的质因数个数的gcd的最大值-预处理
- 如果在docker中部署tomcat,并且部署java应用程序
- JAVA基础之控制执行流程
- PullToRefresh使用详解(一)--构建下拉刷新的listView
- java反射详解
- 分享一个PHP中文分词