如何将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选择器更具体，具体取决于您网页上的复选框数量。