jq实现复选框联级选中和取消动作

图例如下:




<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>


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011341352/article/details/47159025
个人分类: javascript
上一篇TP框架中的自动验证功能$_validate
下一篇基于角色的权限控制 - RBAC
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭