javascript - 自动检查复选框以匹配 ajax 调用中的结果

Question

我正在努力做到这一点，以便当我的 ajax 调用返回一个对象/数组时，我可以将结果与复选框匹配，这样如果有匹配我会自动选中复选框

这是我的复选框

<input type="checkbox" name='Magazine' data-md-icheck  />
<input type="checkbox" name='Website' data-md-icheck  />
<input type="checkbox" name='Advertisement' data-md-icheck  />

现在我的ajax调用成功了

我回来了:

0: {}
type: "Magazine"
1: {}
type: "Website"

所以在我的 ajax 成功中，我想做的是在该对象中获取任何结果，无论是一个还是全部 3 个，如果类型与复选框的“名称”匹配，我想选中该框。

这是我成功调用 ajax 的函数。我只是想不出一种方法来循环我得到的返回，这样我就可以匹配通过的任何结果

function getDetails(ID) {
    console.log(ID);
    $.ajax({
        url: "/details",
        data: {ID:ID},
        _token: "{{ csrf_token() }}",
        type: "POST",
        success: function (data) {

        },
    });
};

那么在这种情况下，我将如何修改我的 ajax 成功以检查杂志和网站框？

Answer 1

这是一个纯 JS 和简单的解决方案:-

// Assuming you get the response as an array of objects, which has a key as type
success: function (data) {
    data.forEach(obj => {
        let ele = document.getElementsByName(obj.type)[0];
        if(ele) {
          ele.checked = true;
        }
    });
}