js用于树型结构级联选择

更新时间：2007年01月15日 00:00:00 作者：

<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需再刷新一下页面才能执行]

您可能感兴趣的文章:

js用于树型结构级联选择

Bootstrap选项卡学习笔记分享
这篇文章主要为大家详细介绍了Bootstrap选项卡学习笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
javascript阻止浏览器后退事件防止误操作清空表单
由于误操作比较多，有时没有选中文本框，然后不小心按了退格之后，刚刚辛苦填好的表单就什么也后退的没有了，针对这个问题，本文给出了详细的解决方法，需要朋友不要错过
2013-11-11
js控制div及网页相关属性的代码
js控制div及相关属性，对于需要控制页面内的元素的朋友可以参考下。
2009-12-12
JavaScript实现页面跳转的5种方法总结
在前台开发中会涉及页面跳转的问题,下面这篇文章主要给大家总结介绍了关于JavaScript实现页面跳转的5种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
2023-12-12
js实现鼠标感应向下滑动隐藏菜单的方法
这篇文章主要介绍了js实现鼠标感应向下滑动隐藏菜单的方法,涉及javascript操作鼠标事件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-02-02
繁简字转换功能
繁简字转换功能...
2006-07-07
js获取滚动距离的方法
这篇文章主要介绍了js获取滚动距离的方法,涉及javascript针对页面滚动条的相关操作技巧,需要的朋友可以参考下
2015-05-05
浅谈Javascript中的函数、this以及原型
下面小编就为大家带来一篇浅谈Javascript中的函数、this以及原型。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
flexslider.js实现移动端轮播
本文主要分享了flexslider.js实现移动端轮播的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
javascript二维数组和对象的深拷贝与浅拷贝实例分析
这篇文章主要介绍了javascript二维数组和对象的深拷贝与浅拷贝,结合实例形式分析了JavaScript针对数组与对象的深拷贝及浅拷贝相关操作技巧,需要的朋友可以参考下
2019-10-10

js用于树型结构级联选择

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具