js用于树型结构级联选择

时间：2021-05-19 09:41:49|栏目：JavaScript代码|点击：次

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>及联选择-用于权限选择比较合适</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需再刷新一下页面才能执行]

上一篇：在Javascript中为String对象添加trim,ltrim,rtrim方法

栏目：JavaScript代码

下一篇：js enter键激发事件实例代码

本文标题：js用于树型结构级联选择

本文地址：http://www.codeinn.net/misctech/124682.html

更多JavaScript代码

JavaScript代码

js用于树型结构级联选择

阅读排行

推荐教程