限制數量的複選框，並根據它們的值更新字符串

Question

我發現這個answer做我想做的一部分，當人們超過一定的限制時取消勾選複選框。

現在我想對其進行修改，以便複選框的值被添加到字符串或從字符串中刪除，因爲複選框被選中/取消選中。

我更新的代碼看起來是這樣的：

var filterURL = ''; 
var checked = [], 
$check = $('.accordion-list input').change(function() { 
    checked.push(this); 
    checked = $(checked); 
    checked.prop('checked', false).slice(-6).prop('checked', true); 
    if($(this).is(':checked')) { 
     filterURL += ($(this).val()); 
    } 
    else { 
     filterURL = filterURL.replace($(this).val(),''); 
    } 
    alert(filterURL); 
}); 

，直到我開始嘗試取消選中複選框這工作得很好 - 他們不取消和價值不斷得到附加到字符串。

Working demo

Answer 1

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

    $('#output').html(filterURL); 
}); 

Answer 2

var vals = []; 
$('input:checkbox:checked').each(function() { vals.push($(this).val()); });