如何根据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"); 
      } 
     }); 
    } 

所以每当我检查所有复选框，然后这些图像数据库表的形象IDS节省faverite table.so我要检查，我被选中图像复选框？因此，如何通过我从数据库

<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

越来越像下面我为那些像IDS检查复选框seeking..now得到的答复后，很多struglled。

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"); 
        } 
       });