如何使用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代码的下面部分将不起作用。有什么好的解决办法吗?
当前回答
function updateTextArea() {
var allVals = $('#c_b :checked').map(function() {
return $(this).val();
}).get();
$('#t').val(allVals)
}
$(function() {
$('#c_b input').click(updateTextArea);
updateTextArea();
});
其他回答
谢谢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())
function updateTextArea() {
var allVals = $('#c_b :checked').map(function() {
return $(this).val();
}).get();
$('#t').val(allVals)
}
$(function() {
$('#c_b input').click(updateTextArea);
updateTextArea();
});
下面是一个有效的方法(见示例):
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中的这些更改。
您也可以返回所有选定的复选框值，以逗号分隔的字符串。 这也将使您更容易将其作为参数发送到SQL
下面是一个示例，返回所有选定的复选框值，其名称为“chkboxName”，逗号分隔字符串
这是javascript
function showSelectedValues()
{
alert($("input[name=chkboxName]:checked").map(function () {
return this.value;
}).get().join(","));
}
下面是HTML示例
<html>
<head>
</head>
<body>
<div>
<input name="chkboxName" type="checkbox" value="one_name" checked>
<input name="chkboxName" type="checkbox" value="one_name1">
<input name="chkboxName" type="checkbox" value="one_name2">
</div>
</body>
</html>
