如何使用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 checkedCities = $('input[name=city]:checked').map(function() {
return this.value;
}).get();
最初，城市是从MySQL数据库中检索的，并在PHP while循环中循环:
while ($data = mysql_fetch_assoc($all_cities)) {
<input class="city" name="city" id="<?php echo $data['city_name']; ?>" type="checkbox" value="<?php echo $data['city_id']; ?>" /><?php echo $data['city_name']; ?><br />
<?php } ?>
现在，使用上面的jQuery代码，我得到了所有的city_id值，并使用$.get(…)提交回数据库
这让我的生活变得如此简单，因为现在代码是完全动态的。为了添加更多的城市，我所需要做的就是在我的数据库中添加更多的城市，而不用担心PHP或jQuery。
其他回答
$(document).ready(function() {
$(':checkbox').click(function() {
var cObj = $(this);
var cVal = cObj.val();
var tObj = $('#t');
var tVal = tObj.val();
if (cObj.attr("checked")) {
tVal = tVal + "," + cVal;
$('#t').attr("value", tVal);
} else {
//TODO remove unchecked value.
}
});
});
如果你想在任何复选框被选中时立即插入它的值，那么这应该为你工作:
$(":checkbox").click(function(){
$("#id").text(this.value)
})
我用另一个帖子的答案来完成同样的事情，一个更简单和简短的方法是这样的:
var checkedCities = $('input[name=city]:checked').map(function() {
return this.value;
}).get();
最初，城市是从MySQL数据库中检索的，并在PHP while循环中循环:
while ($data = mysql_fetch_assoc($all_cities)) {
<input class="city" name="city" id="<?php echo $data['city_name']; ?>" type="checkbox" value="<?php echo $data['city_id']; ?>" /><?php echo $data['city_name']; ?><br />
<?php } ?>
现在，使用上面的jQuery代码，我得到了所有的city_id值，并使用$.get(…)提交回数据库
这让我的生活变得如此简单，因为现在代码是完全动态的。为了添加更多的城市，我所需要做的就是在我的数据库中添加更多的城市，而不用担心PHP或jQuery。
我有一个类似的问题，这是我如何解决它使用上面的例子:
$(".ms-drop").click(function () {
$(function showSelectedValues() {
alert($(".ms-drop input[type=checkbox]:checked").map(
function () { return this.value; }).get().join(","));
});
});
不管怎样，你可能需要这样的东西:
var val = $('#c_b :checkbox').is(':checked').val();
$('#t').val( val );
这将获得页面上第一个选中的复选框的值，并将其插入id='textarea'的textarea中。
注意，在示例代码中，应该将复选框放在表单中。
