在JSTree中选择列表项时选择复选框

Question

我目前有一个JSTree，其中显示了带有复选框的列表项。

我的目标：将选定的列表项值发送到PHP POST表单。

这就是我在他们的网站上回应它们的方式：

echo '<li id="dynamicID"><input name="checkboxname" type="checkbox" id="SameIdThanListItemID" value="checkboxvalue">List item text</li>

这工作正常，并且我的“列表”项按预期显示。

我们首先获得列表项检查，然后是JSTree图标，然后是我必须用于帖子提交的复选框输入（此复选框将被隐藏）。不能单击复选框，我认为这是由于JSTree行为引起的。

该树当前已设置为禁用多重选择，因此我们不会遇到与数组有关的问题。我们永远不会只使用一个ID。

当我试图单击列表项时选中复选框时，就会出现问题。

    $("#tree").bind("changed.jstree",

        function (e, data) {       

        var nodeId = $('#tree').jstree().get_selected("id")[0].id;

        // Shows up the proper ID selected, and both checkbox and 
        // list item have the same ID, so we're good untill here
        console.log(nodeId); 

        // We've got the ID properly stored into nodeId,and we've checked it with console.Log, 
        // however, the input checkbox its never getting selected.
        document.getElementById(nodeId).checked = true;

        }
    );

Answer 1

我发现，如果复选框位于JSTree <li></li>标记内，则将无法对其进行选中/取消选中。

要解决此问题，我在树外制作了一个循环，并在隐藏的div中回显了每个复选框。现在，选择列表项还会选中适当的复选框，因此帖子提交可以按预期进行。