前端之家收集整理的这篇文章主要介绍了
使用JQuery从文本输入动态创建复选框，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
在我的cms我有一个复选框组的类别。我想在下面有一个文本输入，
用户可以输入新类别的
名称，它将动态
添加一个新的复选框与提供的
名称用于值和
标签。
我如何做到这一点？
<div id="cblist">
<input type="checkBox" value="first checkBox" id="cb1" /> <label for="cb1">first checkBox</label>
</div>
<input type="text" id="txtName" />
<input type="button" value="ok" id="btnSave" />
<script type="text/javascript">
$(document).ready(function() {
$('#btnSave').click(function() {
addCheckBox($('#txtName').val());
});
});
function addCheckBox(name) {
var container = $('#cblist');
var inputs = container.find('input');
var id = inputs.length+1;
$('<input />',{ type: 'checkBox',id: 'cb'+id,value: name }).appendTo(container);
$('<label />',{ 'for': 'cb'+id,text: name }).appendTo(container);
}
</script>
原文链接：https://www.f2er.com/jquery/183681.html
