关于bootstrap-treeview 如何实现全选父节点下所有子节点及反选

html代码：

<form>
  <div id="treeview" class="treeview"></div>
</form>

js代码：

1.要显示的数据（json字符串）：

var data = '[{"text":"长沙","state":{"expanded":false},
                                  "nodes":[{"text":"雨花区"},{"text":"岳麓区"},{"text":"芙蓉区"},{"text":"天心区"}]},
                                  {"text":"岳阳","state":{"expanded":false},
                                  "nodes":[{"text":"岳阳楼区"},{"text":"云溪区"},{"text":"临湘"}]},
                                  {"text":"湘潭"},{"text":"株洲"}]'; 

2.初始化以及JS数据绑定，加载TreeView

                 $('#treeview').treeview({//初始化
                        data: data,
                        showTags: true,
                        showCheckbox: true,
                        levels:1,//设置继承树默认展开的级别设置继承树默认展开的级别
                        onNodeChecked: function(event,node){//选中节点
                            var selectNodes= getChildNodeIdArr(node);//获取所有节点
                            if(selectNodes){//如果子节点不为空，即存在子节点，则选中所有子节点
                                //选择指定的节点，接收节点或节点ID
                                $('#treeview').treeview('checkNode',[selectNodes,{silent:true}])
                                request("post","A",{list: JSON.stringify(selectNodes)});
                            }
                            //返回给定节点ID的单一节点对象
                            var parentNode=$('#treeview').treeview("getNode",node.parentId);
                            setParentNodeCheck(node);
                        },
                        onNodeUnchecked:function(event,node){//取消选中节点
                            var selectNodes=getChildNodeIdArr(node);
                            if(selectNodes){//子节点不为空，则取消选中所有子节点
                                $('#treeview').treeview("uncheckNode",[selectNodes,{silent:true}]);
                                request("post","B ",{list: JSON.stringify(selectNodes)});
                            }
                        }
                    }); 

3.自定义方法找到所有子节点

//递归所有子节点，找到所有层级节点
                    function getChildNodeIdArr(node) {
                        var ts = [];
                        if(node.nodes) {
                            for(x in node.nodes) {
                                ts.push(node.nodes[x].nodeId);
                                if(node.nodes[x].nodes) {
                                    var getNodeDieDai = getChildNodeIdArr(node.nodes[x]);//有第二层，第三层子节点的情况
                                    for(j in getNodeDieDai) {
                                        ts.push(getNodeDieDai[j]);
                                    }
                                }
                            }
                        } else {
                            ts.push(node.nodeId);
                        }
                        return ts;
                    }

                    function setParentNodeCheck(node) {
                        var parentNode = $("#treeview").treeview("getNode", node.parentId);
                        if(parentNode.nodes) {
                            var checkedCount = 0;
                            for(x in parentNode.nodes) {
                                if(parentNode.nodes[x].state.checked) {
                                    checkedCount++;
                                } else {
                                    break;
                                }
                            }
                            if(checkedCount === parentNode.nodes.length) {
                                $("#treeview").treeview("checkNode", parentNode.nodeId);
                            setParentNodeCheck(parentNode);
                            }
                        }
                    }
           
                function request(type,url,data) {
                    $.ajax({
                        type: type,
                        url: url,
                        data: data,
                        success: function(d) {
                            alert(JSON.parse(d)); //将对象转换成字符串
                        },
                        error: function(d) {
                            alert(d.responseText); //将对象转换成字符串
                        }
                    });
                   }

这里用到TreeView的方法有：

1.checkNode(node | nodeId, options)：选择指定的节点，接收节点或节点ID。

 $('#tree').treeview('checkNode', [ nodeId, { silent: true } ]);触发nodeChecked事件，传入silent来阻止其它事件。

2.getNode(nodeId)：返回给定节点ID的单一节点对象。

 $('#tree').treeview('getNode', nodeId);