如何更改复选框跟随 JSON 字符串？

Question

我想更改复选框跟随 JSON 字符串。但我不知道怎么做。 这是我的 JSON 字符串，“1”表示选中，“0”表示未选中

[{"Group_Product":"G04","Orange":1,"Banana":0,"Apple":1,"Candy":0,"Food":1}]

还有html代码。

<table id=table_product>
<tr><td><input type="checkbox" class="checkbox1" id="Orange" name="check[]" />Orange</td></tr>
<tr><td><input type="checkbox" class="checkbox1" id="Banana" name="check[]" />Banana</td></tr>
<tr><td><input type="checkbox" class="checkbox1" id="Apple" name="check[]" />Apple</td></tr>
<tr><td><input type="checkbox" class="checkbox1" id="Candy" name="check[]" />Candy</td></tr>
<tr><td><input type="checkbox" class="checkbox1" id="Food" name="check[]" />Food</td></tr>   
</table>

好的，我使用这种方式。我将在 Object JSON 中获取名称和值，然后与复选框的 id 进行比较并检查它。

contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                         var obj = jQuery.parseJSON(data.d);
                            for (var item in obj[0]) {
                                if (item.valueOf > 0) {
                                    document.getElementById(item).checked = true;
                                }
                            }
                    },
                    error: function (data) {
                        console.log(data.d);
                    }

如果您有想法或解决方案，请与我分享。

Answer 1

在您的复选框中添加一个 ID...

<input type="checkbox" class="checkbox1" id="chkApple"  name="check[]" />Apple

然后检查它们如下：

success: function (data) {
    var obj = jQuery.parseJSON(data.d);
    $("#chkApple").prop('checked', obj[0].Apple > 0);
}

或者更好的是，将您的 Json 更改为使用布尔值而不是整数，然后您会得到...

    $("#chkApple").prop('checked', obj[0].Apple);

请注意，我们使用的是obj[0]，因为您的 Json 是当前包含单个对象的列表。你是故意的吗？

如果没有，请从 json 中删除 []...

{"Group_Product":"G04","Orange":true,"Banana":false,"Apple":true,"Candy":false,"Food":true}

然后就变成了

    $("#chkApple").prop('checked', obj.Apple);

在 cmets 中回答您的问题...

var obj = jQuery.parseJSON(data.d);
for (var item in obj[0]) {
    document.getElementById(item).checked = obj[0][item] > 0;
}