获取选中复选框的值

Question

我忙于从复选框的字段集中获取值...基本上，每次我选中或取消选中复选框时，我都需要立即填充值。并在下面列出的文本区域中填充以逗号分隔的值。我只需要检查值（没有未检查的零等）也没有任何用于获取数据的按钮！ 输入类型=复选框存储在字段集 id=XXX 中，我应该存储“实时”结果的文本区域也在下面给出，id=YYY

 <fieldset id="XXX" class="checkboxes">
 <input type="checkbox" id="user_chosen_group0" name="user_chosen_group[]" value="14" class="checkbox" size="1">
 <input type="checkbox" id="user_chosen_group1" name="user_chosen_group[]" value="12" class="checkbox" size="1">
 ...</fieldset>

我需要将结果存储在...

 <div id="WWW" class="QQQ">
 <textarea id="YYY" name="user_chosen_group_tag" cols="25" rows="3" class="inputbox textarea validate[maxSize[255]]"></textarea>
 </div>

Answer 1

虽然已经有一段时间了，但我想我会提出一个建议：

$('input[type="checkbox"]').change(function(){
    $('#YYY')
        .val($('input[type="checkbox"]:checked')
        .map(function(){
            return this.value;
        }).get().join(', '));
}).change();

JS Fiddle demo.

参考资料：

• Attribute-equals ([attribute="value"]) selector。
• change()。
• get()。
• map()。
• val()。

Answer 2

这应该可行。

$('input:checkbox').change(function(){
    $('input:checked').each(function(){
           $('#YYY').append($(this).val() + ",");
    });
});