如何根据Jquery中的数据库列检查多个复选框？

Question

我有一个 asp.net 数据表控件。在每个 <td> 标签中，我都有带有复选框的图像。

$("#gvDetails").empty();
$.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "gallries.aspx/BindDatatable",
        data: "{'blouseType':'" + blouseType + "'}",
        dataType: "json",
        success: function (data) {
            var el = "<tr>";
            for (var i = 0; i < data.d.length; i++) {
                var discript = data.d[i].FrontImage;
                if (i % 3 == 0) {
                    el += "</tr><tr>"
                }
                var price = data.d[i].Price;
                el += "<td style='padding:10px 40px 10px 40px'><div><a id='link" + data.d[i].ImageId + "' class='example-image-link' href='#myPopup' data-rel='popup' data-position-to='window' alt='LightBox'><img class='example-image' src=" + data.d[i].FrontImage + " width='150px' height='218px'/></a></div></br>";
                el += "<span style='bottom: 6px;'><input name='subscribe' type='checkbox' class='myCheck' value=''></input></span><div><label style='font-size: x-small;'>" + price + "</label></div><a href='http://www.google.co.in'><img src='images/pint.jpg' alt='' width='15' height='11'></a><a href='http://www.google.co.in'><img src='images/fb.png' alt='' width='15' height='11'></a><span id='imgId' style='display: none;'>" + data.d[i].ImageId + "</span></td>";
 }
                el += '</tr>';
                $("#gvDetails").append($(el));
            },
            error: function (result) {
                    alert("Error");
            }
        });
    }

所以每当我选中任何复选框时，那些图像数据库表的图像 id 都会保存在最喜欢的表中。所以我想选中我被选中的图像的复选框？那么如何通过我从数据库中获取的那些图像 id 来检查复选框

<script type="text/javascript">
        $(document).ready(function () {
            $(document).on("change", "[class*=myCheck]", function () {
                var userCookie = getCookie('loggedInUser');
                function getCookie(name) {
                    var nameEQ = name + "=";
                    var ca = document.cookie.split(';');
                    for (var i = 0; i < ca.length; i++) {
                        var c = ca[i];
                        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
                    }
                    return null;
                }

                var userIdCookie = getCookie('loggedUserId');
                function getCookie(name) {
                    var nameEQ = name + "=";
                    var ca = document.cookie.split(';');
                    for (var i = 0; i < ca.length; i++) {
                        var c = ca[i];
                        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
                    }
                    return null;
                }

                var imageId = $(this).closest("td").find('#imgId').html();
                if (this.checked) {
                    if (userCookie != null) {
                        $.ajax({
                            type: "POST",
                            contentType: "application/json; charset=utf-8",
                            url: "gallries.aspx/insertgalImage",
                            data: "{'imgId':'" + imageId + "','userId':'" + userIdCookie + "','methode':'insertion'}",
                            dataType: "json",
                            success: function (popup) {
                                alert(popup.d);
                            },
                            error: function (result) {
                                alert("Error");
                            }
                        });
                    }
                    else {
                        $('#modal_trigger')[0].click();
                        $(this).prop("checked", false);
                    }
                }
                else {
                    alert('Hello Checked');
                    alert(imageId);
                    $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        url: "gallries.aspx/insertgalImage",
                        data: "{'imgId':'" + imageId + "','userId':'" + userIdCookie + "','methode':'deletion'}",
                        dataType: "json",
                        success: function (popup) {
                            alert(popup.d);
                        },
                        error: function (result) {
                            alert("Error");
                        }
                    });
                }
            });
        });
        </script>

Answer 1

如下所示，我一直在寻找..经过一番挣扎后，我得到了答案。

if (userIdCookie != null) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "gallries.aspx/favoriteData",
                    data: "{userLoggedInId : '" + userIdCookie + "'}",
                    dataType: "json",
                    success: function (checkBoxesData) {
                        for (var i = 0; i < checkBoxesData.d.length; i++) {
                            var GallryImageId = checkBoxesData.d[i].favoriteImageIds;
                            $(".gallImageIds").map(function () {                                
                                var spanImgId = $(this).text();
                                if (GallryImageId == spanImgId) {
                                    $(this).closest('td').find('[type=checkbox]').prop('checked', true);
                                }
                            });
                        }

                    },
                    error: function (result) {
                        alert("Error");
                    }
                });