Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在JS树库中隐藏复选框_Jquery_Css_Jstree - Fatal编程技术网

Jquery 如何在JS树库中隐藏复选框

Jquery 如何在JS树库中隐藏复选框,jquery,css,jstree,Jquery,Css,Jstree,我需要隐藏通过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>

我需要隐藏通过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>

我需要隐藏文件夹1中的复选框(子2),但显示子2,但不显示复选框。我包含了一个。

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

  • 子2
  • CSS:


    下面是一个

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

  • 子2
  • CSS:


    下面是VTodorov给我的答案,但它将禁用所有父复选框

    这里是改进的方法

    CSS:


    上面由VTodorov给出的答案对我有帮助,但它将禁用所有父复选框

    这里是改进的方法

    CSS:


    @谢谢你重新组织我的问题。我将此标记为下一个问题的输入。我似乎无法理解您真正想要的是什么。您是希望两个子对象没有复选框,还是只希望子对象2有复选框?只希望子对象2有复选框。@VTodorov感谢您重新组织我的问题。我将此标记为下一个问题的输入。我似乎无法理解您真正想要的是什么。您是希望两个子对象没有复选框,还是只希望子对象2有复选框?只希望子对象2有复选框。如果我可以同时禁用隐藏复选框,以及选中父复选框时,将显示所有子节点都已选中。隐藏复选框的基本思想是不允许用户选择它。如果我也可以禁用隐藏复选框,以及选中父复选框时,它会显示所有子节点都已选中。隐藏复选框的基本思想是不允许用户选择它。
    $(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));
        });
    });
    
    .no-checkbox i.jstree-checkbox {
      display:none;
    }
    
    .no-checkbox > a > i.jstree-checkbox {
       display:none;
    }