emu in blogjava

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  171 随笔 :: 103 文章 :: 1052 评论 :: 2 Trackbacks
< HTML >
< HEAD >
  
< TITLE >    emu's   test   of   simple   tree </ TITLE >
  
< SCRIPT    LANGUAGE ="JavaScript" >
  
<!--
    
function    checkSelect(){
        
var    elm    =    event.srcElement.parentNode;
        checkChildrenRecurve(elm);
        checkRootRecurve(document.getElementById(
" root " ));
    }
    
function    checkChildrenRecurve(elm){
        
var    li    =    elm.parentNode;
        
var    ul    =    li.lastChild;
        
if    (ul.tagName    !=     " UL " )    return ;
        
var    lis    =    ul.children;
        
for    ( var    i = 0 ;i < lis.length;i ++ ){
            lis[i].firstChild.firstChild.checked
= elm.firstChild.checked;
            checkChildrenRecurve(lis[i].firstChild)
        }
    }
    
function    checkRootRecurve(ul){
        
if    (ul.tagName    !=     " UL " )   {
            ul.parentNode.firstChild.firstChild.allChecked   
=    ul.parentNode.firstChild.firstChild.checked;
            ul.parentNode.firstChild.firstChild.allUnChecked   
=     ! ul.parentNode.firstChild.firstChild.checked;
            
return ;
        }
        
var    lis    =    ul.children;
        
var    allChecked    =     true ;
        
var    allUnChecked    =     true ;
        
for    ( var    i = 0 ;i < lis.length;i ++ ){
            checkRootRecurve(lis[i].lastChild);
            allChecked   
=    allChecked    &&    lis[i].firstChild.firstChild.checked    &&    lis[i].firstChild.firstChild.allChecked;
            allUnChecked   
=    allUnChecked    &&     ! lis[i].firstChild.firstChild.checked    &&    lis[i].firstChild.firstChild.allUnChecked;
        }
        ul.parentNode.firstChild.firstChild.allChecked
= allChecked;
        ul.parentNode.firstChild.firstChild.allUnChecked
= allUnChecked;
        
if    (allChecked    ||    allUnChecked){
            ul.parentNode.firstChild.firstChild.checked
= allChecked;
            ul.parentNode.firstChild.firstChild.indeterminate
= false ;
            ul.parentNode.firstChild.childStatus
= false ;
        }
else {
            ul.parentNode.firstChild.firstChild.indeterminate
= true ;
            ul.parentNode.firstChild.childStatus
= true ;
            ul.parentNode.firstChild.firstChild.checked
= true ;
        }
    }

    
function    init(){
        
var    elms    =    document.getElementsByTagName( " INPUT " );
        
for    ( var    i = 0 ;i < elms.length;i ++ )
            elms[i].onclick
= checkSelect;
    }

    
// -->
     </ SCRIPT >
</ HEAD >

< BODY    onload ="init()" >
    
< div >
        
< span >< input    type =checkbox ></ span >
        
< UL    id =root >
            
< LI >< span >< input    type =checkbox ></ span >
            
< UL >
                
< LI >< span >< input    type =checkbox ></ span >
                
< UL >
                    
< LI >< span >< input    type =checkbox ></ span >
                    
< LI >< span >< input    type =checkbox ></ span >
                
</ UL >
                
< LI >< span >< input    type =checkbox ></ span >
                
< UL >
                    
< LI >< span >< input    type =checkbox ></ span >
                    
< LI >< span >< input    type =checkbox ></ span >
                
</ UL >
            
</ UL >
            
< LI >< span >< input    type =checkbox ></ span >
            
< UL >
                
< LI >< span >< input    type =checkbox ></ span >
                
< UL >
                    
< LI >< span >< input    type =checkbox ></ span >
                    
< LI >< span >< input    type =checkbox ></ span >
                
</ UL >
                
< LI >< span >< input    type =checkbox ></ span >
                
< UL >
                    
< LI >< span >< input    type =checkbox ></ span >
                    
< LI >< span >< input    type =checkbox ></ span >
                
</ UL >
            
</ UL >
        
</ UL >
    
</ div >
</ BODY >
</ HTML >
posted on 2006-07-31 14:57 emu 阅读(1014) 评论(0)  编辑  收藏 所属分类: DHTML和JAVASCRIPT 技术

只有注册用户登录后才能发表评论。


网站导航: