$.jstree.defaults.core.themes.responsive = true; $.jstree.defaults.checkbox.three_state = false;// 如果不禁止,則會自動選擇所有父節點。 $.jstree.defaults.checkbox.tie_selection = false;//如果不禁止,選中checkbox時只觸發changed.jstree事件 var tree = $('#tree').jstree( { 'core' : { "multiple" : true, "themes" : {"stripes" : true}, 'data' : { 'url' : function(node) { return appPath + '/app/trainingcar/tree/' + inscode + "/"; }, 'data' : function(node) { return { 'carnum' : node.id }; } } }, "plugins" : [ "checkbox" ] }); tree.on('loaded.jstree', function(e, data) { // 加載完樹后執行 $('.jstree-anchor').children().first().remove();// 刪除根節點的checkbox var rootID = data.instance.get_node(e.target.firstChild.firstChild.lastChild).id; console.info("根節點:{}" + rootID); }); tree.on('changed.jstree', function(e, data) { var selectedNode = data.instance.get_node(data.selected[0]); console.info('changed.jstree'); console.info(selectedNode); }); tree.on('check_node.jstree', function(data, selected, e) { // 選中checkbox時觸發 // selected為選中的節點 console.info("check_node:"); console.info(selected); }); tree.on('uncheck_node.jstree', function(data, selected) { // 勾除checkbox時觸發 console.info("uncheck_node:"); console.info(selected); });