限制复选框的数量并根据其值更新字符串

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()); });