javascript - 仅使用 jquery 创建文本框

Question

我有一个要更新的 div，例如 div id="txtbx"。我需要在这个 div 中插入文本框。但文本框应该等于我的页面中复选框的数量。所以我将复选框循环为

$("#checkboxid").find("input[type=checkbox]").each (function(index)
{
    //code to insert textboxes
});

但我不确定如何为每个复选框插入这些文本框。我尝试使用 append().，但它不会更新 div(txtbx)，而是会附加文本框。

Answer 1

您应该首先对它们进行计数，而不是循环遍历每个复选框:

var num_boxes = $('#checkboxid').find('input[type="checkbox"]').length;
for(var i = 0; i < num_boxes; i++)
{
    var this_box = $('<input type="text" name="textbox_' + i + '" />');
    $('#txtbx').append(this_box);
}