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 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web开发更加快捷。本文给大家分享Bootstrap精简教程，对Bootstrap精简教程感兴趣的朋友一起学习
2015-11-11
js获取json元素数量的方法
这篇文章主要介绍了js获取json元素数量的方法,可实现对json元素数量的统计功能,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01
JS中对象与字符串的互相转换详解
下面小编就为大家带来一篇JS中对象与字符串的互相转换详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
JavaScript插件化开发教程（四）
这篇文章主要介绍了JavaScript插件化开发教程第四篇,需要的朋友可以参考下
2015-01-01
JS实现自适应高度表单文本框的方法
这篇文章主要介绍了JS实现自适应高度表单文本框的方法,实例分析了针对IE内核与非IE内核下的javascript控制文本框样式的技巧,非常具有实用价值,需要的朋友可以参考下
2015-02-02
js实现定时进度条完成后切换图片
这篇文章主要介绍了js实现定时进度条,进度100%以后可以切换图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
微信小程序之下拉列表实现方法解析（附完整源码）
这篇文章主要介绍了微信小程序之下拉列表实现方法解析（附完整源码）,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-08-08
javascript 鼠标滚轮事件
由于鼠标滚轮事件在 IE 和 FF 的实现有点不一样，所以有需要把这个写成一个统一可用的事件。
2009-04-04
JS获取input file绝对路径的方法(推荐)
下面小编就为大家带来一篇JS获取input file绝对路径的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
下面小编就为大家带来一篇浅谈JavaScript中面向对象的的深拷贝和浅拷贝。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08