如何使用jQuery获得选中的复选框值，并立即将其放入文本区?
就像下面的代码:
<html>
<head>
</head>
<body>
<div id="c_b">
<input type="checkbox" value="one_name" checked>
<input type="checkbox" value="one_name1">
<input type="checkbox" value="one_name2">
</div>
<textarea id="t"></textarea>
</body>
</html>
如果id="c_d"由Ajax更新，altCognito代码的下面部分将不起作用。有什么好的解决办法吗?
当前回答
不管怎样，你可能需要这样的东西:
var val = $('#c_b :checkbox').is(':checked').val();
$('#t').val( val );
这将获得页面上第一个选中的复选框的值，并将其插入id='textarea'的textarea中。
注意，在示例代码中，应该将复选框放在表单中。
其他回答
如果你想在任何复选框被选中时立即插入它的值，那么这应该为你工作:
$(":checkbox").click(function(){
$("#id").text(this.value)
})
不管怎样，你可能需要这样的东西:
var val = $('#c_b :checkbox').is(':checked').val();
$('#t').val( val );
这将获得页面上第一个选中的复选框的值，并将其插入id='textarea'的textarea中。
注意，在示例代码中，应该将复选框放在表单中。
试试这个。
var listCheck = [];
console.log($("input[name='YourCheckBokName[]']"));
$("input[name='YourCheckBokName[]']:checked").each(function() {
console.log($(this).val());
listCheck .push($(this).val());
});
console.log(listCheck);
谢谢altCognito，你的解决方案很有帮助。我们也可以通过使用复选框的名称来做到这一点:
function updateTextArea() {
var allVals = [];
$('[name=chkbox]:checked').each(function() {
allVals.push($(this).val());
});
$('#t').val(allVals)
}
$(function() {
$('#c_b input').click(updateTextArea);
updateTextArea();
});
$("#t").text($("#cb").find(":checked").val())
