get新技能是需要付出行动的，即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是js用于树型结构级联选择，一起来学习了解下吧！
【 tulaoshi.com - Web开发 】
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
来源:http://www.tulaoshi.com/n/20160219/1628099.html
看过《js用于树型结构级联选择》的人还看了以下文章 更多>>
