Javascript 如何显示复选框值（选中或未选中）

我正在做一个项目，这个项目是用ASP.NETMVC5创建的。 我从数据库中获取数据，我只想在用户界面上显示数据。我的问题是，我在浏览器控制台中有我想要的所有数据，但复选框没有显示为选中状态。我该怎么做

"<input type='checkbox' value='" +item.IsActive+"'/>"

“”

这是我的密码：

    function success(data) {
        var rows;
        if (data != null) {
            $.each(data, function (i, item) {       
                rows += "<tr>"
                    + "<td>" +
                    "<label class='checkbox-container' id ='checkbox-container'>" +
                    item.Name+
                    "<input type='checkbox' value='" + item.IsActive+"'/>" +
                    "<span class='checkmark'>"+"</span>"+
                    "</label >"+
                    "</td>"     
            });
            $('#myTable tbody').append(rows);
        }
        else {
            alert("Something went wrong");
        }
    }

功能成功（数据）{
var行；
如果（数据！=null）{
$.each（数据、函数（i、项）{
行+=“”
+ "" +
"" +
项目名称+
"" +
""+""+
""+
""     
});
$（'#myTable tbody'）。追加（行）；
}
否则{
警惕（“出了差错”）；
}
}

如果希望复选框显示为选中，则它应具有选中属性。在这种情况下，它将类似于：

 <input type='checkbox' checked/>

由于有一个变量告诉您复选框是否选中，因此可以尝试使用：

"<input type='checkbox'" + item.isActive ? "checked" : "" + "/>"

“”

---

当item.isActive为true时，这将使复选框显示为选中状态。

也许一些js逻辑会有所帮助

$.each(data, function (i, item) {       
    var checkbox_input = "<input type='checkbox' value='" + item.IsActive+"'/>";
    if(item.IsActive){
        var checkbox_input = "<input type='checkbox' value='" + item.IsActive+"' checked />";

    }
    rows += "<tr>"
        + "<td>" +
        "<label class='checkbox-container' id ='checkbox-container'>" +
        item.Name+
        checkbox_input +
        "<span class='checkmark'>"+"</span>"+
        "</label >"+
        "</td>"     
});

$。每个（数据、函数（i、项）{
var复选框_输入=”；
如果（项目IsActive）{
var复选框_输入=”；
}
行+=“”
+ "" +
"" +
项目名称+
复选框\u输入+
""+""+
""+
""     
});

或者使用模板文本js进行速记

$.each(data, function (i, item) {       
    rows += "<tr>"
        + "<td>" +
        "<label class='checkbox-container' id ='checkbox-container'>" +
        item.Name+
        `<input type='checkbox' value='${item.IsActive}' ${item.IsActive ? 'checked' : ''} />` +
        "<span class='checkmark'>"+"</span>"+
        "</label >"+
        "</td>"     
});

$。每个（数据、函数（i、项）{
行+=“”
+ "" +
"" +
项目名称+
`` +
""+""+
""+
""     
});

设置

checked

属性，而不是

值

——尽管我认为他们也需要实际的

值

，谢谢@RoryMcCrossan。我现在已经试过了，不幸的是，所有的复选框都显示为checked，尽管这不是真的。您可以使用checked as checked=“checked”或简单地使用check。当复选框未选中时，您不应该设置此标志…感谢您的支持，但结果我看到了这一点（未定义checkedcheckedcheckedcheckedcheckedcheckedcheckedcheckedcheckedcheckedcheckedcheckedcheckedcheckedcheededeck）