基于条件 jquery 选中未选中的 JsTree Checkbox

Question

我正在尝试根据条件选中未选中的 JsTree 复选框。 我必须检查和未检查的基于下拉更改事件。 字符串的值为 0 和 1。 0 表示未选中，1 表示已选中。 This is my menu design

这是我的控制器代码。

  [HttpPost]
    public ActionResult GetSingleUser(int id)
    {
        MachineShopDBEntities DB = new MachineShopDBEntities();
        var SPresult = DB.GetSingleUser(id).FirstOrDefault();
        return Json(SPresult);
    }

这是我的脚本。

 $("#UserSelect").change(function () {
        $.post("/MenuMaster/GetSingleUser?id=" + $(this).val(),
                function (data, status) {

                    var databaseString = data.MenuEnable;
                    var count = $('.menux ul li').length;
                    for (i = 0; i < count; i++) {

                            if (databaseString[i] == '0') {

                                $('.menux .jstree-anchor').removeClass('jstree-clicked');
                            }
                            else {

                                $('.menux .jstree-anchor').addClass('jstree-clicked');
                            }
                    }
                });
    });

Answer 1

使用eq函数根据索引i选择元素

 $("#UserSelect").change(function () {
        $.post("/MenuMaster/GetSingleUser?id=" + $(this).val(),
                function (data, status) {

                    var databaseString = data.MenuEnable;
                    var count = $('.menux ul li').length;
                    for (i = 0; i < count; i++) {

                            if (databaseString[i] == '0') {

                                $('.menux .jstree-anchor').eq(i).removeClass('jstree-clicked');
                            }
                            else {

                                $('.menux .jstree-anchor').eq(i).addClass('jstree-clicked');
                            }
                    }
                });
    });