jQuery 将复选框中的值附加到文本区域并从中删除值

我正在尝试将复选框的值附加或删除到文本区域，我尝试使用以下代码，该代码适用于文本框，但不适用于文本区域。另外，它只是添加有关单击功能的信息，而不是检查功能的信息。任何人都可以帮我编写代码，在选中时将选项值添加到文本区域（而不是文本框），并在取消选中时将其删除。

<input id="fulloptions" type="text" value="" />

<div id="alloptions">
    <ul>
    <li><input type="checkbox" name="option1" value="Option1" /> Test1</li>
    <li><input type="checkbox" name="option1" value="Option2" /> Test2</li>
    <li><input type="checkbox" name="option1" value="Option3" /> Test3</li>
    </ul>
</div> 

JavaScript：

$("#alloptions li input[type='checkbox']").click(function(e){    
    var cmd = $(this).val();    
        command = $("#fulloptions").val();
    if (command.indexOf(' '+cmd+' ')==0)
        return;
    else {
        $('#fulloptions').attr('value', cmd);
    }
});

我尝试了以下代码，但它对我不起作用

$('input[type=checkbox]').change(function () {
    if ($(this).is(':checked')) {
        var text = $(this).val() + " ";
        insertAtCursor(textarea, text);    
    }
});

你可以做更多这样的事情

var checkboxes = $("#alloptions li input[type='checkbox']");

checkboxes.on('change', function() {
    $('#fulloptions').val(
        checkboxes.filter(':checked').map(function(item) {
            return this.value;
        }).get().join(', ')
     );
});

FIDDLE http://jsfiddle.net/qFfMP/