Jquery ajax响应数据插入相同的div id而不是基于复选框id

Question

我有这个 JQuery 代码:

jQuery("#form").click(function() {

$("input[name='copyno']:checked").each(function() {

    checkboxData = "copyno="+$(this).val();

id=$(this).val();

   jQuery.ajax({
      url: "renewall.php",
      type: "POST",
      data: checkboxData,
      cache: false,
      dataType: "text",
      success: function(data) {

    $("#" +id).html(data);             

    }
});
});
});

我想做的是根据复选框值将响应数据放入特定的 div 中，在本例中为 id，但响应数据仅显示在同一 div id 中(id=$(this).val();) 而不是在具有相同 id 值的地方显示。

Som Kind og 迭代问题

Answer 1

您在截屏视频中向我展示的代码副本:

$("input[name='copyno']:checked").each(function() {
    checkboxData = "copyno="+$(this).val();
    ids = $(this).val();

    jQuery.ajax({

       url: "renewall.php",
       type: "POST",
       data: checkboxData,
       cache: false,
       dataType: "text",
       success: function(data) {

          var divs = $(data).filter(function() { 
                                       return $(this).is('#stil2'); //<-- add semicolon
          });

          divs.each(function() {
             $("#" + ids).html(this);
          });
       }
    });
});

无论如何，重要的部分是在 click 函数中正确声明您的 id 变量，例如:

$("input[name='copyno']:checked").each(function() {
    checkboxData = "copyno="+$(this).val();
    var ids = $(this).val();

    //rest of your code...

});

因此请注意 div 之前的 var 实例化器。这应该可以解决你的问题。如果不这样做，则会为第一次调用设置该变量，但会被第二次调用覆盖。因此，最终当两个调用完成时，它们将具有相同的 ids 值，即您的第二个 div。