如何将 JSON 数据绑定到 JQuery 中的复选框

Question

我有一个@Html.CheckBox，我最初是动态加载的。我需要选中/取消选中带有通过 JSON 数据获得的值的复选框。

这是我的html-

<td>
    @{
        IEnumerable<SelectListItem> Brands = ViewBag.GetBrands;
        foreach (var item in Brands)
        {                                                                   
            @Html.CheckBox(item.Text, false, new { item.Value })                                                                                                         <label>@item.Text</label><br />
        }
    }
</td>

这是我在 JQuery 中尝试过的-

for (var i = 0; i < data.Configuration.OfficeBrands.count; i++) {
    $('#' + data.Configuration.OfficeBrands[i]).attr('checked', true);
}

data.Configuration.OfficeBrands 有类似的东西：

{
    { ID: 1, Text: Text1 },
    { ID: 2, Text: Text2 },
    //...
}

加载时，我取消选中所有复选框，我想检查中的值 data.Configuration.OfficeBrands

Answer 1

鉴于 ID 数组中返回的 OfficeBrands 值是复选框的值，试试这个：

$.each(data.Configuration.OfficeBrands, function(i, brand) {
    $(':checkbox[Value="' + brand.ID + '"]').prop('checked', true);
});

您可能需要使:checkbox 选择器更加具体，具体取决于您的页面上有多少复选框。