bootstrap treeview 级联勾选

不说废话，看代码，定义一个div

<div id="tree"></div>

初始化：

$("#tree").treeview({
	showCheckbox:true,
	data:data,
	onNodeChecked:nodeChecked ,
	onNodeUnchecked:nodeUnchecked
});

核心代码：级联勾选等

var nodeCheckedSilent = false;
        function nodeChecked (event, node){    
        	if(nodeCheckedSilent){        
        		return;    
        	}    
        	nodeCheckedSilent = true;    
        	checkAllParent(node);    
        	checkAllSon(node);    
        	nodeCheckedSilent = false;
       } 
       var nodeUncheckedSilent = false;
       function nodeUnchecked  (event, node){
           if(nodeUncheckedSilent)
                   return;
           nodeUncheckedSilent = true;
           uncheckAllParent(node);    
           uncheckAllSon(node);
           nodeUncheckedSilent = false;
       } 
       //选中全部父节点
       function checkAllParent(node){    
       	   $('#tree').treeview('checkNode',node.nodeId,{silent:true});
           var parentNode = $('#tree').treeview('getParent',node.nodeId);    
           if(!("nodeId" in parentNode)){        
           		return;    
           }else{        
           		checkAllParent(parentNode);    
           	}
      }
      //取消全部父节点
      function uncheckAllParent(node){    
      		$('#tree').treeview('uncheckNode',node.nodeId,{silent:true});
      		var siblings = $('#tree').treeview('getSiblings', node.nodeId);
      		var parentNode = $('#tree').treeview('getParent',node.nodeId);    
      		if(!("nodeId" in parentNode)) {        
      			return;    
      		}    
      		var isAllUnchecked = true;  //是否全部没选中
      		for(var i in siblings){        
	      		if(siblings[i].state.checked){            
	      		   isAllUnchecked=false;            
	      		   break;        
	      		}    
      		}    
      		if(isAllUnchecked){
      		    uncheckAllParent(parentNode);    
      		} 
      } 
      //级联选中所有子节点
      function checkAllSon(node){    
      		$('#tree').treeview('checkNode',node.nodeId,{silent:true});    
      		if(node.nodes!=null&&node.nodes.length>0){        
      			for(var i in node.nodes){            
      				checkAllSon(node.nodes[i]);        
      			}    
      		}
      }
      //级联取消所有子节点
      function uncheckAllSon(node){    
      		$('#tree').treeview('uncheckNode',node.nodeId,{silent:true});    
      		if(node.nodes!=null&&node.nodes.length>0){        
      			for(var i in node.nodes){            
      				uncheckAllSon(node.nodes[i]);        
      			}    
      		}
      }

代码拷贝直接用就行了，如果要实现回显，比如编辑要显示已经选择了哪些。

在每个node里面添加state就行:

state:{

  checked：true

}