本文实例讲述了JQuery实现简单的复选框树形结构图。分享给大家供大家参考,具体如下:
这是自己写的简单树形结构图,实现的功能有:
1.最左边的按钮实现子目录的隐藏和显示
2.点击父节点的复选框选中后,父节点下的所有的子节点也选中;父节点未选中,则下面的所有的子节点也取消选中(全选和全不选)
3.选中一个子节点时相应的父节点也选中;当所有的子节点都没有选中时,父节点也取消选中
这是实现的最简单的功能。下面来具体的谈谈具体的实现:
1.引入库
所有的这些操作都是通过JQuery来实现的,所以首先要引入JQuery库,可以到官网下载JQuery库,也可以通过CDN的方式来引用,这里我是通过CDN
1