Question

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

$("#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);
}

Answer 2

你应该做

$('#checkboxid').find('input[type=checkbox]').each(function(index)
{
    var text_box = $('<input>', { type : "text", name="textbox_"+index});
    $('#txtbx').append(text_box);
});

另请注意，您必须在此处使用相同的逗号类型

$('#checkboxid")

使用jquery创建文本框onfly

2 个答案: