Giá trị hộp kiểm jQuery cho danh sách được phân cách bằng dấu phẩy

Question

Tôi có một số hộp kiểm với một mảng tên và tôi muốn đầu ra của các hộp được chọn là một biến có danh sách được phân tách bằng dấu phẩy.

<input type="checkbox" name="example[]" value="288" /> 
<input type="checkbox" name="example[]" value="289" /> 
<input type="checkbox" name="example[]" value="290" /> 

Ví dụ nếu hộp đầu tiên và cuối cùng được lựa chọn đầu ra sẽ là:

var output = "288,290"; 

Làm thế nào tôi có thể làm điều này với jQuery?

Answer 1

Hiện nay chưa được thử nghiệm, nhưng tôi tin rằng những điều sau đây nên làm việc:

var valuesArray = $('input:checkbox:checked').map(function() { 
    return $(this).val(); 
}).get().join(); 

Edited, sau khi chia tay nhỏ, sử dụng DOM bản xứ, chứ không phải là $(this).val() (đó là không cần thiết đắt tiền, trong bối cảnh):

var valuesArray = $('input:checkbox:checked').map(function() { 
    return this.value; 
}).get().join(","); 

Answer 2

bạn có thể sử dụng :checkbox và chọn tên thuộc tính (:checkbox[name=example\\[\\]]) để có được danh sách các hộp kiểm với name="example[]" và sau đó bạn có thể sử dụng :checked lọc để có được chỉ SELEC ted hộp kiểm.

Sau đó, bạn có thể sử dụng chức năng .map để tạo một mảng trong hộp kiểm đã chọn.

DEMO

var output = $.map($(':checkbox[name=example\\[\\]]:checked'), function(n, i){ 
     return n.value; 
}).join(','); 

Answer 3

var valuesArray = $('input[name="valuehere"]:checked').map(function() { 
     return this.value; 
     }).get().join(","); 

công trình đối với tôi luôn