jquery append div无法显示输出

Question

Jquery的

function updateTextArea() {         
     var allVals = [];
     $('#c_b :checked').each(function() {
       allVals.push($(this).val());
     });
      $('#textarea').val(allVals)
      $('#div').append(allVals)
}

为什么textarea成功显示输出但div无法显示输出？

Answer 1

因为您无法将array变量附加到元素并期望将字符串添加为元素的内容而不给其附加字符串内容。请改用：

<div id="c_b">
    <input type="checkbox"/> 1
    <input type="checkbox"/> 2
    <input type="checkbox"/> 3
    <input type="checkbox"/> 4
</div>
<input type="button" onclick="updateTextArea()" value="update text"/>
<textarea id="textarea"></textarea>
<div id="div"></div>

function updateTextArea() {         
     var allVals = [];
     $('#c_b :checked').each(function() {
       allVals.push($(this).val());
     });
      $('#textarea').val(allVals);
      $('#div').append(allVals.join(',')); // <<< Notice this line, with .join() added
}

http://jsfiddle.net/userdude/LWU8y/

Answer 2

尝试从以下位置进行更改：

$('#div').append(allVals);

为：

$('#div').text(allVals);