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导航菜单创建步骤详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
getComputedStyle与currentStyle获取样式(style/class)
通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了，感兴趣的朋友可以了解下
2013-03-03
解析JSON字符串报错syntaxError:unexpected end of JsoN input如何解决
这篇文章主要给大家介绍了关于解析JSON字符串报错syntaxError:unexpected end of JsoN input如何解决的相关资料,文中通过代码将解决的办法介绍的非常详细,需要的朋友可以参考下
2024-05-05
ES6 Object.assign()的用法及其使用
这篇文章主要介绍了ES6 Object.assign()的用法及其使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-01-01
基于JavaScript实现微信抢红包功能
本文通过实例代码给大家介绍了基于JavaScript实现微信抢红包功能，金额随机，额度在0.01和(剩余平均值*2)之间，具体的实例代码大家参考下本文
2017-07-07
BootStrap给table表格的每一行添加一个按钮事件
这篇文章主要介绍了BootStrap给table表格的每一行添加一个按钮事件的相关资料,需要的朋友可以参考下
2017-09-09
使用html2canvas截图不全问题的解决办法
这篇文章主要给大家介绍了关于使用html2canvas截图不全问题的解决办法,最近在项目中遇到一个需求,需要提供网页截图的功能,这里将遇到的问题分享给大家,需要的朋友可以参考下
2023-07-07
js防止表单重复提交实现代码
重复提交、重复刷新、防止后退等等都是属于系统为避免重复记录而需要解决的问题，在客户端去处理需要针对每一种的可能提出相应的解决方案，然而在服务器端看来只不过是对于数据真实性的检验问题
2012-09-09
js全屏显示显示代码的三种方法
这篇文章介绍了js全屏显示显示代码的三种方法，有需要的朋友可以参考一下
2013-11-11
JS控制阿拉伯数字转为中文大写示例代码
阿拉伯数字如何转为中文大写这个实现的方法有很多，在本文将为大家介绍下js中时如何实现的，感兴趣的朋友可以参考下
2013-09-09

js用于树型结构级联选择

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具