function updateTextArea() {         
     var allVals = $('#c_b :checked').map(function() {
       return $(this).val();
     }).get();
     $('#t').val(allVals)
  }
 $(function() {
   $('#c_b input').click(updateTextArea);
   updateTextArea();
 });

以下内容可能会有用，因为我来这里是为了寻找一个略有不同的解决方案。我的脚本需要自动循环输入元素，并必须返回它们的值(对于jQuery.post()函数)，问题是复选框返回它们的值而不管选中的状态。这就是我的解决方案:

jQuery.fn.input_val = function(){

    if(jQuery(this).is("input[type=checkbox]")) {
        if(jQuery(this).is(":checked")) {
            return jQuery(this).val();
        } else {
            return false;
        }
    } else {
        return jQuery(this).val();
    }
};

用法:

jQuery(".element").input_val();

如果给定的输入字段是一个复选框，input_val函数只在它被选中时才返回值。对于所有其他元素，不管检查状态如何，都返回该值。

下面是一个有效的方法(见示例):

 function updateTextArea() {         
     var allVals = [];
     $('#c_b :checked').each(function() {
       allVals.push($(this).val());
     });
     $('#t').val(allVals);
  }
 $(function() {
   $('#c_b input').click(updateTextArea);
   updateTextArea();
 });

更新

几个月后，另一个问题被问到，如果ID发生变化，如何保持上述工作。解决方案可以归结为将updateTextArea函数映射为使用CSS类的通用函数，并使用live函数监视DOM中的这些更改。

我有一个类似的问题，这是我如何解决它使用上面的例子:

 $(".ms-drop").click(function () {
        $(function showSelectedValues() {
            alert($(".ms-drop input[type=checkbox]:checked").map(
               function () { return this.value; }).get().join(","));
        });
    });

如果你想在任何复选框被选中时立即插入它的值，那么这应该为你工作:

$(":checkbox").click(function(){
  $("#id").text(this.value)
})

不管怎样，你可能需要这样的东西:

 var val = $('#c_b :checkbox').is(':checked').val();
 $('#t').val( val );

这将获得页面上第一个选中的复选框的值，并将其插入id='textarea'的textarea中。

注意，在示例代码中，应该将复选框放在表单中。