讓 TreeView 實現向上全選 功能

    function OnTreeNodeChecked()
    {
        var ele = event.srcElement;
        if(ele.type=='checkbox')
        {
            var childrenDivID = ele.id.replace('CheckBox','Nodes');
            var div = document.getElementById(childrenDivID);
            if(div!=null)
            {
                var checkBoxs = div.getElementsByTagName('INPUT');
                for(var i=0;i<checkBoxs.length;i++)
                {                   
                    if(checkBoxs[i].type=='checkbox')
                    checkBoxs[i].checked=ele.checked;
                }
            }
            OnTreeNodeChildChecked(ele);        
        }
    }
  
    function OnTreeNodeChildChecked(ele)
    {
            //遞歸處理
            var parentDiv=ele.parentElement.parentElement.parentElement.parentElement.parentElement;
            var parentChkBox=document.getElementById(parentDiv.id.replace('Nodes','CheckBox'));
            if(parentChkBox!=null)
            {
                var ChildsChkAll=true;
                var Boxs = parentDiv.getElementsByTagName('INPUT');
                for(var i=0;i<Boxs.length;i++)
                {
                    if(Boxs[i].type=='checkbox'&&Boxs[i].checked==false)
                    {
                        ChildsChkAll=false;
                    }
                }
                parentChkBox.checked=ChildsChkAll;
                OnTreeNodeChildChecked(parentChkBox);
            }
    }

 

 

再給TreeView 註冊一個onclick 事件就OK

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章