![](/img/trans.png)
[英]How to add value to textarea of 2D checkboxes when checkbox is checked
[英]How to add value to textarea when checkbox is checked
我正在使用下面在SO上发现的以下功能,该功能针对我的问题进行工作,只有一个问题是,我的选择列表很长,并且当用户选中3-4个以上的复选框时,一些文本或添加到文本区域的值不再可见。 有什么办法可以确保每次选中一个框时,添加到文本区域的文本始终可见? 任何帮助是极大的赞赏。
-谢谢!
<input type="text" value="" class="textfield" id="video0_tags" name="video0_tags">
<div class="taglist">
<label><input type="checkbox" value="2D Animation">2D Animation</label>
<label><input type="checkbox" value="3D Animation">3D Animation</label>
<label><input type="checkbox" value="Animatronics">Animatronics</label>
<label><input type="checkbox" value="Architectural">Architectural</label>
<label><input type="checkbox" value="Cartoon">Cartoon</label>
<label><input type="checkbox" value="Cell Animation">Cell Animation</label>
<label><input type="checkbox" value="Character Animation">Character Animation</label><label><input type="checkbox" value="Cut & Paste">Cut & Paste</label>
<label><input type="checkbox" value="Doodle">Doodle</label>
<label><input type="checkbox" value="HDR">HDR</label>
<label><input type="checkbox" value="High Speed">High Speed</label>
<label><input type="checkbox" value="Illustration">Illustration</label>
<label><input type="checkbox" value="Live Action">Live Action</label>
<label><input type="checkbox" value="Macro">Macro</label>
<label><input type="checkbox" value="Motion Design">Motion Design</label>
<label><input type="checkbox" value="Motion Graphics">Motion Graphics</label>
<label><input type="checkbox" value="Moving Installation">Moving Installation</label>
</div>
function updateTextArea() {
var allVals = [];
$('.taglist :checked').each(function() {
allVals.push($(this).val());
});
$('#video0_tags').val(allVals)
}
$(function() {
$('#video0_tags input').click(updateTextArea);
updateTextArea();
});
首先,您将需要一个textarea元素,因此请使用textarea更改输入标签。 然后,在updateTextArea函数上,可以在其上设置rows属性,以使其中的所有文本可见。 参见http://jsfiddle.net/7b5fk/1/
首先,您需要将video0_tags更改为文本区域。 接下来,您需要将.click()事件附加到每个复选框,以便每个选择都相应地更新文本区域。
<textarea id="video0_tags"></textarea>
$(document).ready(function(){
$(".taglist input").click(function(){
$("#video0_tags").text('');
$(".taglist :checked").each(function(){
$("#video0_tags").append( $(this).val() + "\n");
});
});
});
将输入的文本更改为textarea
,它将根据需要自动添加滚动条。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.