Đăng mảng nhiều giá trị hộp kiểm

Question

Tại sao chỉ có một giá trị của mảng giá trị hộp kiểm "db" được gửi tới tập lệnh phía máy chủ?

jQuery:

$(".db").live("change", function() { 
    $(this).add($(this).next("label")).add($(this).next().next("br")).remove().insertAfter(".db:last + label + br"); 
    var url = "myurl.php"; 
    var db = []; 
    $.each($('.db:checked'), function() { 
     db.push($(this).val()); 
    }); 
    if(db.length == 0) { 
     db = "none"; 
    }  
    $.post(url, {db: db}, function(response) { 
     $("#dbdisplay").html(response); 
    }); 
    return true; 
}); 

HTML:

<input type="checkbox" name="db[]" class="db" value="track"/><label for="track">track</label></br> 
<input type="checkbox" name="db[]" class="db" value="gps"/><label for="gps">gps</label></br> 
<input type="checkbox" name="db[]" class="db" value="accounting"/><label for="accounting">accounting</label></br> 

Sửa: tôi đã kết thúc việc trả lời câu hỏi của riêng tôi, nhưng không ai có tài liệu hướng dẫn (hoặc giải thích) về việc tại sao Điều này là cần thiết? Thật khó cho tôi để tìm ra câu trả lời chính xác (vì thế bài viết sau khi chết).

Answer 1

Tôi đồng ý với @jjclarkson. Chỉ cần thêm, thay vì đẩy id của bạn đến một mảng, bạn có thể sử dụng $.map:

$(".db").live("change", function() { 
    $(this).add($(this).next("label")).add($(this).next().next("br")).remove().insertAfter(".db:last + label + br"); 
    var url = "myurl.php"; 

    var db = $('.db:checked').map(function(i,n) { 
     return $(n).val(); 
    }).get(); //get converts it to an array 

    if(db.length == 0) { 
     db = "none"; 
    }  
    $.post(url, {'db[]': db}, function(response) { 
     $("#dbdisplay").html(response); 
    }); 
    return true; 
}); 

Answer 2

Bạn cần có dấu ngoặc vuông để chỉ định mảng [] trên tên biến được gửi.

{'db[]': db} 

$(".db").live("change", function() { 
    $(this).add($(this).next("label")).add($(this).next().next("br")).remove().insertAfter(".db:last + label + br"); 
    var url = "myurl.php"; 
    var db = []; 
    $.each($('.db:checked'), function() { 
     db.push($(this).val()); 
    }); 
    if(db.length == 0) { 
     db = "none"; 
    }  
    $.post(url, {'db[]': db}, function(response) { 
     $("#dbdisplay").html(response); 
    }); 
    return true; 
}); 

Answer 3

$('input[name="mycheckboxes"]:checked').map(function(){ return $(this).val(); }).get().join(",");

sau đó phát nổ trong PHP $mycheckboxes = explode(',',$_GET['mycheckboxes']);

Answer 4

var checkeditems = $('input:checkbox[name="review[]"]:checked') 
         .map(function() { return $(this).val() }) 
         .get() 
         .join(","); 
$.ajax({ 
    type: "POST", 
    url: "/index.php/openItems/", 
    data: "ids=" + checkeditems,           
    success: function(msg) { $(".mainContainer").html(msg); } 
});