如何隐藏JS树库中的复选框

Question

我需要隐藏一些通过JSTree库呈现的复选框。

这是HTML：

<div id="tree">
    <ul>
        <li id="folder_1">Folder 1
            <ul>
                <li id="child_1">Child 1</li>
                <li id="child_2">Child 2</li>
            </ul>
        </li>
        <li id="folder_2">Folder 2</li>
    </ul>
</div>

这是JS：

$(function () {
    $("#tree").jstree({
        "checkbox": {
            "keep_selected_style": false
        },
            "plugins": ["checkbox"]
    });
    $("#tree").bind("changed.jstree",
    function (e, data) {
        alert("Checked: " + data.node.id);
        alert("Parent: " + data.node.parent); 
        //alert(JSON.stringify(data));
    });
});

我需要隐藏文件夹1中的复选框（子项2）但显示子项2但没有复选框。我包括一个jsfiddle link。

Answer 1

您可以添加一个css类来删除该复选框。

<li id="" class="no-checkbox">Child 2</li>

CSS：

.no-checkbox i.jstree-checkbox {
  display:none;
}

这是一个LINK

Answer 2

VTodorov给出的上述答案对我有帮助，但它将禁用所有父复选框。

所以这里改进了方法

CSS：

.no-checkbox > a > i.jstree-checkbox {
   display:none;
}