js用于樹型結(jié)構(gòu)級(jí)聯(lián)選擇

2019-11-21 02:19:49

字體：大中小

供稿：網(wǎng)友

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>及聯(lián)選擇-用于權(quán)限選擇比較合適</title> </head> <body> <ul id="tree">     <li><input type=checkbox>         <ul>             <li><input type=checkbox>                 <ul>                     <li><input type=checkbox></li>                     <li><input type=checkbox></li>                 </ul>             </li>         </ul>     </li> </ul> </body> <script language="javascript"> var arr = tree.getElementsByTagName('input') for(var i=0; i<arr.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; i<arr.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>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：強(qiáng)悍無(wú)比的WEB開發(fā)好助手FireBug(Firefox Plugin)

下一篇：javaScript對(duì)象和屬性的創(chuàng)建方法