如何隐藏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中的复选框（Child 2）但显示子2但没有复选框。我要加jsfiddle link。

Answer 1

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

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

CSS：

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

这是LINK