如何一次选择多个复选框？

Question

我有一个动态创建的html表。我为每行添加复选框。

$.each(data, function(id, value) { 
    rows.push('<tr><td><input type="checkbox" autocomplete="off" class="chkbox" name="chkbox" value="'+value.site+':'+value.client+'"></td><td>' + id + '</td><td>' + value.machine + '</td><td>' + value.state + '</td><td>' + value.date_processed + '</td><td><button type="button" onclick="resetSite(\''+ value.site+'\',\''+value.client+'\')">Reset</td></tr>'); 
}); 

我想一次选择多行，并需要将这些值发布到我的后端服务。 目前我的JavaScript功能就像;

$(document).on('change','.chkbox',function() { 
    var sites = []; 
    var value = $(this).val(); 
    var res = value.split(":"); 
    $.each($("input[class='chkbox']:checked"), function(){    
    sites.push(res[0]); 
    }); 
    alert("sites are: " + sites.join(", ")); 
    $.ajax({ 
    type: "POST", 
    url: "http://localhost:8080/cache/setProcessing?site="+res[0]+"&client="+res[1], 
    /*data: { 
     chkbox: value 
    },*/ 
    error : function(xhr, textStatus, errorThrown) { 
     alert("Failed. Error : " + errorThrown); 
    } 
    }); 
}); 

在上面的功能我警告框显示同一部位多次，如果我selecet不止一行。 我该如何克服这个问题？

Answer 1

变化

$(document).on('change','.chkbox',function() { 
    var sites = []; 
    var value = $(this).val(); 
    var res = value.split(":"); 
    $.each($("input[class='chkbox']:checked"), function(){    
    sites.push(res[0]); 
    }); 
    alert("sites are: " + sites.join(", ")); 
    $.ajax({ 
    type: "POST", 
    url: "http://localhost:8080/cache/setProcessing?site="+res[0]+"&client="+res[1], 
    /*data: { 
     chkbox: value 
    },*/ 
    error : function(xhr, textStatus, errorThrown) { 
     alert("Failed. Error : " + errorThrown); 
    } 
    }); 
}); 

心病·重新·spond·由于在前面的代码荷兰国际集团

$(document).on('change','.chkbox',function() { 
    var sites = []; 
    $.each($("input[class='chkbox']:checked"), function(){  
    var value = $(this).val(); // must me be inside the each 
    var res = value.split(":"); // must me be inside the each  
    sites.push(res[0]); 
    }); 
    alert("sites are: " + sites.join(", ")); 
    $.ajax({ 
    type: "POST", 
    url: "http://localhost:8080/cache/setProcessing?site="+res[0]+"&client="+res[1], 
    /*data: { 
     chkbox: value 
    },*/ 
    error : function(xhr, textStatus, errorThrown) { 
     alert("Failed. Error : " + errorThrown); 
    } 
    }); 
}); 

它只是让你点击了当前复选框的值。

所以你必须把value和res的each function里面知道，已检查所有的复选框，并得到相应的存在价值..