jQuery将checkbox中的值附加并删除到textarea

Question

我试图将复选框的值附加或删除到textarea,我尝试使用下面的代码,它与文本框工作正常,但不是textarea.此外,它只是添加关于点击功能的信息而不是检查功能.任何人都可以帮我用代码在检查时将选项值添加到textarea(而不是文本框),并应在取消选中时删除.

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

Answer 1

你可以做更像这样的事情

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

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

小提琴