jsTree插件仅点击checkbox选中和文本分离和jstree只能点击checkbox选中的实现方法

在默认情况下,jstree 每次点击节点都会选中当前节点前的 checkbox

jstree version

console.log($.jstree.version);
// 3.3.8

jstree Plugins checkbox

参考官方 api 文档,找到这两个参数

$.jstree.defaults.checkbox.whole_node

一个布尔值,指示是否单击节点上的任何位置都应相当于单击复选框。默认为 true。

$.jstree.defaults.checkbox.tie_selection

此设置控制复选框是否绑定到常规树选择或复选框插件维护的内部数组。默认为 true,在您确切知道自己在做什么时才设置为 false 。

示例:

$("#jstree").jstree({"core" : {},"plugins" : ['checkbox'],"checkbox" : {"tie_selection": false,"whole_node": false}
});

要注意的地方:

当设置这两个参数后,调用 监听 on('changed.jstree') 方法时同样不监听 checkbox 的选中,只会监听 node 节点的点击变化。

jsTree复选框checkbox选中和节点选择相互独立相关推荐

  1. VUE项目中 获得多个复选框 checkbox 选中的值(jquery)+ 解决 Uncaught TypeError: Cannot read property ‘push‘ of undefine

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 表格生成后第一列是复选框,效果: 表格是直接循环展示的后台返回数据,代码写法: 2. 得复选框 ...

  2. Java导出带有单选款(radio)和复选框(checkbox)选中效果的word doc文档-Freemarker实现方式

    今天客户提出要求,要求把表数据导出成为word文档格式.导成word格式的这种需求很寻常,但是看到word模板里面的这种单选框和多选框(如下图),要求实现选中效果,我就有点懵B了.到处百度,googl ...

  3. js获取checkbox复选框获取选中的选项

    分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...

  4. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

    jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...

  5. 复选框checkbox如何判定为被选中

    近期,我在开发网站的考试系统时,遇到了一个关于复选框checkbox如何判定为被选中的问题.网上的说法很多,但是没有说到重点上的,而这篇文章解释的很详细,于是,我把它记录下来.原始博客地址:http: ...

  6. php 获取checkbox是否选中,javascript操作html复选框checkbox:如何判断复选框是否被选中...

    (由www.169it.com搜集整理) 在PHP中,html复选框checkbox被选中,则提交的值是on,否则就是空,所以可以通过value值判断是否被选中.在JavaScript中,貌似不管您选 ...

  7. java中判断复选框是否选中_php 判断复选框checkbox是否被选中

    php 判断复选框checkbox是否被选中 复选框checkbox在php表单提交中经常被使用到,本文章通过实例向大家介绍php如何判断复选框checkbox中的值是否被选中,需要的朋友可以参考一下 ...

  8. 判断复选框checkbox是否被选中,及全选实现

    判断checkbox是否被选中 在用vue实现购物车的选中功能时,总价变为只计算选中商品的总价,出现无法判断复选框是否选中的问题. 最后发现应该用document.getElementById去获取i ...

  9. HTML复选框--checkbox

    在公司实际开发中,会经常遇到复选框全选.多选.统计选中个数的情况,所以总结研究了一些大神的帖子,汇总学习一下! 1.统计被选中复选框的个数 2.点击复选框,执行对应函数 3.获取复选框的状态 4.全选 ...

最新文章

  1. 零基础入门学习Python(6)-常用操作符
  2. 软件定义闪存存储系统关键技术
  3. 数据结构--单向链表
  4. string与char*的转换(转载)
  5. 前端开发技术-剖析JavaScript单线程
  6. as本地仓库更改_将gitee仓库连接GitHub Desktop。新建更改仓库并上传至gitee。
  7. Linux 网络相关命令
  8. idea mybatis generator插件_SpringBoot+MyBatis+Druid整合demo
  9. mysql数据库容量和性能_新品速递丨容量盘性能提升超 300%,数据库支持 MySQL 8.0...
  10. 09-解决服务器被黑上不了网的问题
  11. 《Java安全编码标准》一第 1 章 概  述
  12. matlab 方程组求导,matlab求导及线性方程组的求解
  13. 用HTML简单制作一个网页
  14. 从身份证提取年龄性别
  15. 0001 工作业务问题_滞纳金公式计算区别实例
  16. 【ZZULIOJ】1097: 计算平均成绩(函数专题)
  17. 广东迅视问泸州第三代社保卡发行 现有二代社保卡仍可正常使用吗?
  18. Collectors
  19. STM32 HAL库详解
  20. 不管怎么选择,都会有遗憾

热门文章

  1. 集成学习(一)—— Bagging
  2. Unity 之 UGUI Dropdown组件使用简析
  3. android的dropdownmenu,Bootstrap 下拉菜单.dropdown的具体使用方法
  4. bugku——滴答~滴(Morse Code)
  5. Excel数据透视表数据源的设置说明
  6. 2021水利水电安全员考证必备判断题库
  7. Js日期加减(天数),时间加减,日期运算,可直接调用
  8. Nvidia控制面板玩游戏最佳设置怎么调?
  9. 为什么uzi排到古手羽就秒_为什么uzi排到古手羽就秒退看一下直播间里的弹幕就清楚了!...
  10. win7支持的Node版本-node-v12.8.0-x64.msi