如何使用MVC asp.net检查存在于由coma从数据库中分离出来的模型中的复选框(如下面的代码所示)？

Question

下面是javascript的代码。我希望我的复选框是基于从数据库中分离出来的coma值来选择的。请告诉我哪里弄错了

​

function GetStatesList() {
  debugger;
  var makeList = [];
  var url = '/IAAISettings/GetStatesList';
  $.ajax({
    type: 'POST',
    url: url,
    success: function(stateList) {
      var makeChkList = ""
      for (var i = 0; i < stateList.length; i++) {
        var st = stateList[i];
        makeChkList += "<div class=\"col-12\">" +
          "<label class=\"checkbox\">" +
          "<input type=\"checkbox\"  id=\"State_" + stateList[i] + "\" name=\"State_" + stateList[i] + "\" checked=\"" + @Model.States.Contains("Alaska") ? "checked" + "\" value=\"" + stateList[i] + "\">" +
          "<i></i>" + stateList[i] +
          "</label>" +
          "</div>";
      }
      document.getElementById('StateschkList').innerHTML = makeChkList;
    },
    error: function(r) {
      OnFailure(r);
    },
    failure: function(r) {
      OnFailure(r);
    }
  });
}

​

Answer 1

我发现问题了。因为js是客户端和模型加载，所以在js加载之前，它没有获取模式值，为了获取值，我们必须使用下面这行@Html.Raw(Json.Encode(Model.States));

function GetStatesList() {
        debugger;
        var arrstates = [];
        var url = '/IAAISettings/GetStatesList';
        $.ajax({
            type: 'POST',
            url: url,
            success: function (stateList) {
                var makeChkList = ""
                var st =@Html.Raw(Json.Encode(Model.States));
                arrstates = st.split(",");
                console.log(st);
                for (var i = 0; i < stateList.length; i++) {
                    var str = stateList[i];
                    
                    if (arrstates.includes(stateList[i])) {
                        makeChkList += "<div class=\"col-12\">" +
                            "<label class=\"checkbox\">" +
                            "<input type=\"checkbox\"  id=\"State_" + stateList[i] + "\" name=\"State_" + stateList[i] + "\" checked=checked\"" + "\" value=\"" + stateList[i] + "\">" +
                            "<i></i>" + stateList[i] +
                            "</label>" +
                            "</div>";
                    }
                    else {
                        makeChkList += "<div class=\"col-12\">" +
                            "<label class=\"checkbox\">" +
                            "<input type=\"checkbox\"  id=\"State_" + i + "\" name=\"State_" + i + "\" value=\"" + stateList[i] + "\">" +
                            "<i></i>" + stateList[i] +
                            "</label>" +
                            "</div>";
                    }
                }
                document.getElementById('StateschkList').innerHTML = makeChkList;
            },
            error: function (r) {
                OnFailure(r);
            },
            failure: function (r) {
                OnFailure(r);
            }
        });
    }

​