如何使用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代码的下面部分将不起作用。有什么好的解决办法吗?
当前回答
以下内容可能会有用，因为我来这里是为了寻找一个略有不同的解决方案。我的脚本需要自动循环输入元素，并必须返回它们的值(对于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函数只在它被选中时才返回值。对于所有其他元素，不管检查状态如何，都返回该值。
其他回答
$(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.
}
});
});
不管怎样，你可能需要这样的东西:
var val = $('#c_b :checkbox').is(':checked').val();
$('#t').val( val );
这将获得页面上第一个选中的复选框的值，并将其插入id='textarea'的textarea中。
注意，在示例代码中，应该将复选框放在表单中。
$("#t").text($("#cb").find(":checked").val())
以下内容可能会有用，因为我来这里是为了寻找一个略有不同的解决方案。我的脚本需要自动循环输入元素，并必须返回它们的值(对于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').map(function() {
return $(this).val();
}).get();
$('#t').val(allVals)
}
$(function() {
$('#c_b input').click(updateTextArea);
updateTextArea();
});
