javascript - 如何通过 jquery ajax 发送不同的行 id，通过单击复选框来更新另一个 php 页面中的表记录？

Question

当我点击两个绿色复选框时，只发送最新的表ID，下面的代码都是复选框和jQuery，

复选框:

<div class='md-checkbox has-success'>
    <input type='checkbox' id='submit'  value='$id' class='md-check'>
    <label for='submit'>
        <span></span>
        <span class='check'></span>
        <span class='box'></span>
        Submit
    </label>
</div>

jQuery:

$("#submit").change(function() {
    var submit=$("#submit").val();
    var remark=$("#remark").val();
    var submit_date=$("#submit_date").val();
    var string_data = 'id=' + id + '&remark=' + remark + '&submit_date=' + submit_date + '&submit=' + submit;
    alert(string_data);
    $.ajax({
        type: "POST",
        url: "estimation_qc_update.php",
        data: string_data,
        cache: false,
        success: function(html) {
            $("#estimation").html('');
            $("#estimation").html(html);
        }
    });
}); 

Answer 1

首先，如果有很多复选框，则意味着多个复选框不使用 id 而不是使用类。

<input type='checkbox' id='submit' class='tblCheckBox' value='$id' class='md-check'>
$('.tblCheckBox').on('change',function(){
    if($(this).prop('checked') == true){
       var submit=$(this).val();
       var remark=$("#remark").val(); 
       //further make your ajax call.
       //one thing more whenever you've lots of check boxes or whatever        always use on function that not create extra memory
    }
 })