jquery - 使用 jQuery 使用唯一的选定复选框数组填充输入

Question

我想用所选复选框的逗号分隔值填充输入并排除重复项。

下面的代码有效，但我不知道如何取出重复项。

HTML

<form>
    <input type="text" value="" id="tags">

    <input type="checkbox" value="apple"><label>apple</label>
    <input type="checkbox" value="banana"><label>banana</label>
    <input type="checkbox" value="melon"><label>melon</label>
    <input type="checkbox" value="melon"><label>melon</label>

</form>

jQuery

$('input[type=checkbox]').change(function() {

    var vals = $('input[type=checkbox]:checked').map(function() {
        return $(this).val();
    }).get().join(',');

    $('#tags').val(vals);

});​