$.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); });