JS树选择未选择的项目答案

【问题标题】：JS Tree Selecting un selected itemsJS树选择未选择的项目
【发布时间】：2019-02-26 11:37:10
【问题描述】：

我正在使用 JsTree 复选框，其中包含很多子字段。

当我选择一个字段时，它会自动选择另一个字段的子类别。

因此该字段显示为部分选中。

例如：

在我的 JsTree 中，当我单击“美国”时，它会部分选择 “加拿大”。

请任何人解释这种行为。

由于树很大，我没有粘贴代码，而是发布了一个 JsFiddle URL。代码：

$(function () {
    $("#tree").jstree({
        "checkbox": {
            "keep_selected_style": false
        },
            "plugins": ["checkbox"],
                                'core': {
                                    'data': {
  "id": "ALL",
  "text": "ALL",
  "children": [] ...

JSFiddle : http://jsfiddle.net/1r70vjmx/

提前致谢。

【问题讨论】：

标签： javascript html checkbox jstree

【解决方案1】：

简答：ID重复

长答案：jsfiddle 示例显示了一些具有重复 ID 的节点。 jsTree 要求您对整个树数据中的所有节点都有唯一的 ID。在您的数据中，美国的安大略市和加拿大的安大略省具有相同的 id 'Ontario'。如果在这种情况下，您将“us-”前缀应用于美国的所有 id，您将看到问题消失了。

【讨论】：