jquery+TreeView 级联 复选框 checkbox 级联

在网上找找 没有找到,自己动手写一下 ,以便那些比较懒的程序员

 

     //TreeView复选框级联

     function setTreeViewNodeChecked(obj)

     {

         var parentIDid=$(obj).closest("div").attr("id");

         //是否是根节点

         if(parentIDid == arrID["TreeViewInvit"]+"")

         {

            var flag = $(obj).prop("checked");                               //当前根节点选中状态

            var nodeDiv = $(obj).attr("id").replace("CheckBox","Nodes");     //获得子节点容器ID

            $("#"+nodeDiv).find("input[type=checkbox]").each(function(){     //循环容器里复选框

                $(this).prop("checked",flag);                                //容器里复选框和根节点选中状态一致

            });

         }

         else

         {

            var parentNodeDivID = $(obj).closest("div").attr("id");           //获得上几节点容器ID

            var flag = false;

            $("#"+parentNodeDivID).find("input[type=checkbox]").each(function(i){

                if($(this).prop("checked"))                                   //获得容器里复选中状态(如果有其中一个选中则true。否则false)

                     flag = true;

            });

            var rootCheckboxID = parentNodeDivID.replace("Nodes","CheckBox"); //获得根节点复选框ID

            $("#"+rootCheckboxID).prop("checked",flag);                       //改变根节点选中状态

            

         }

     }

 

你可能感兴趣的:(checkbox)