js用于树型结构级联选择

html

head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title及联选择-用于权限选择比较合适/title
/head

body
ul id="tree"
    liinput type=checkbox
        ul
            liinput type=checkbox
                ul
                    liinput type=checkbox/li
                    liinput type=checkbox/li
                /ul
            /li
        /ul
    /li
/ul
/body
script language="javascript"

var arr = tree.getElementsByTagName('input')
for(var i=0; iarr.length; i++){
    var input = arr[i]
    if(input.type = 'checkbox'){
        input.onclick = ClickInput
    }
}

function ClickInput(){
    var li = this.parentElement;
    var arr = li.getElementsByTagName('input')
    for(var i=0; iarr.length; i++){
        var input = arr[i]
        if(input.type == 'checkbox'){
            input.checked = this.checked
        }
    }
    var li = li.parentElement.parentElement
   
    while(li.tagName.toLowerCase() == 'li'){
        var input = li.childNodes[0]
        if(input.tagName.toLowerCase() == 'input'){
            input.checked = this.checked
        }
        li = li.parentElement.parentElement
    }
}

/script
/html