javascript - 如何创建仅在叶节点上带有复选框的复选框树

Question

根据 jstree，默认情况下，所有节点包括父节点和子节点旁边都有复选框。

jstree

但我想要这样的东西jqueryeasyUI tree其中有用于级联和叶节点检查的选项。

编辑: 下面给出了一个示例。

<div id="jstree">
    <!-- in this example the tree is populated from inline HTML -->
    <ul>
      <li class="node" >Root node 1
        <ul>
          <li id="child_node_1">Child node 1</li>
          <li>Child node 2</li>
        </ul>
      </li>
      <li class="node" >Root node 2</li>
    </ul>
  </div>
  <button>demo button</button>

  <!-- 4 include the jQuery library -->
  <script src="dist/libs/jquery.js"></script>
  <!-- 5 include the minified jstree source -->
  <script src="dist/jstree.min.js"></script>
  <script>
  $(function () {
    // 6 create an instance when the DOM is ready
  $("#jstree").jstree({
      "checkbox": {
          "keep_selected_style": false
      },
      "plugins": ["checkbox"]
  });

  $(".node").find('> a > .jstree-checkbox').remove()
});
  </script>

现在我可以在折叠时删除父节点的复选框，但展开时会在其旁边创建复选框。

有谁知道jstree是否提供了只检查叶节点而不是级联检查的选项？如果是这样，请分享想法。

Answer 1

我认为最好的解决方案来自 this post如下

CSS 解决方案就可以了

#id-here .jstree-open > .jstree-anchor > .jstree-checkbox,
#id-here .jstree-closed > .jstree-anchor > .jstree-checkbox { display:none; }