Jquery 如何在JS树库中隐藏复选框
我需要隐藏通过JSTree库呈现的一些复选框 以下是HTML: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>
<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;
}