获取已选中复选框的值

时间:2014-03-05 23:12:38

标签: jquery checkbox textarea

我已经堆积了从复选框的字段集中获取值...基本上我需要在每次选中或取消选中复选框时立即填写值。并在下面列出的textarea中用逗号分隔填充值。我只需要检查值(没有未选中的零等)也没有任何按钮来获取数据! 输入类型=复选框存储在fieldset id = XXX和textarea中,我应该存储“实时”结果,下面给出了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>

2 个答案:

答案 0 :(得分:0)

这应该有效。

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

答案 1 :(得分:0)

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

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

JS Fiddle demo

参考文献: