繁体   English   中英

如何使用 MVC asp.net 从数据库中检查以逗号分隔的 model 中存在的复选框(如下面的代码所示)?

[英]How can I check checkbox which is exists in model sepereted by coma from database (as shown below in code) using MVC asp.net?

下面是 javascript 的代码。 我希望根据数据库中的逗号分隔值选择我的复选框。 请让我知道我错在哪里

 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); } }); }

我发现了问题。 因为 js 是客户端并且 model 在 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); } }); }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM