jstree树插件checkbox的选中事件

关注

原创最新推荐文章于 2026-04-05 14:20:53 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

限时加码！20+主流AI编程工具免费用购周边加赠Coding Plan Lite，Claude Code、Cursor等即刻畅享，学习进阶更高效！阅读详情

网上这类信息很少, 这里先埋个坑, 以后再完善.
树的初始化:

$('#jstreeBox').jstree({
    "core" : {
    	"data": {
	        'url': function (node) {  //动态加载数据
            	return "/api/org/jstree?id=" + node.id;
			}
        }
    },
    "plugins" : ['checkbox'],
    "checkbox" : {
        "tie_selection": false
        //, "keep_selected_style": true
        //, "three_state": false
    }
});

$.jstree.defaults.checkbox.tie_selection
此设置控制复选框是否绑定到常规树选择或复选框插件维护的内部数组。默认为 true.
如果设置为true, jstree不会监听 check_node事件.
官方文档截图如下:

因此, 我们需要在配置中将tie_selection设置为false, 然后添加事件.
选中事件(check_node):

$('#jstreeBox').on('check_node.jstree', function (node, data, event) {
	// 写八阿哥...
	var checkedIds = $('#jstreeBox').jstree('get_checked');
});

取消选中事件(uncheck_node):

$('#jstreeBox').on('uncheck_node.jstree', function (node, data, event) {
	// 除了八阿哥, 什么也不想写...
});

另外, 还有一个配置:$.jstree.defaults.checkbox.whole_node, 默认为true.
如果为true, 点击节点(非checkbox)后, 相当于点击了checkbox; 如果为false, 点击后不会触发checkbox.
草草了事.

收录于

学而思

标签

#js

rm -rf/*

Mythos Preview：AI驱动的自动化攻防如何重定义漏洞挖掘与安全对齐大模型正从通用语言理解迈向专业领域深度推理，尤其在网络安全领域，'AI辅助分析'已升级为'AI主导攻防闭环'。其核心原理在于将系统建模为状态转换过程，结合推理时动态计算、符号执行与沙箱内验证，实现从静态代码扫描到全自动POC生成的能力跃迁。这种技术价值不仅提升渗透效率，更引发攻防经济模型坍缩、漏洞生命周期压缩及对齐风险非线性放大等深层变革。典型应用场景覆盖长尾系统审计、红蓝对抗自动化、开源项目安全加固与关键基础设施防护。本文聚焦Mythos Preview所代表的'计算密集型推理代理'范式，解析其如何以动态阅读详情

jstree树插件checkbox的选中事件

相关推荐