Question

我创建了一个javascript，当我们点击“添加”按钮时，它会添加名称相似的文本框，从而创建一个文本框列表。文本框的代码如下所示

<input type="text" name="my_textbox[]" id="my_textbox" />
<input type="text" name="my_textbox[]" id="my_textbox" />
<input type="text" name="my_textbox[]" id="my_textbox" />
<input type="text" name="my_textbox[]" id="my_textbox" />

我之所以将名称命名为“my_textbox []”，是因为这会将其提交给php代码，然后将这些文本框假装为数组。

现在我想知道生成的文本框的数量。如果我能通过jQuery获得计数，那将是最好的。

提前致谢。

Answer 1

您可以使用length：

alert($('input[name="my_textbox[]"]').length);

Answer 2

首先，每个id都应该是唯一的，否则javascript就会中断。

<input type="text" name="my_textbox[]" id="my_textbox1" />
<input type="text" name="my_textbox[]" id="my_textbox2" />
<input type="text" name="my_textbox[]" id="my_textbox3" />
<input type="text" name="my_textbox[]" id="my_textbox4" />

你想要什么：

$(document).ready( function () {

 var nbtextbox = $('input').length;

});

Answer 3

$('#my_textbox').length

你也可以使用：

$('#my_textbox').size()

功能相同，但the former is preferred。

Answer 4

这会给你点数 -

alert($("input[name='my_textbox[]']").length)

您可能希望更改添加的输入的ID，使其唯一。

Answer 5

工作链接http://jsfiddle.net/sameerast/5vUDZ/

$(document).ready( function () {

    var iptCount= $("input[name='my_textbox[]']").length;
    alert(iptCount)

});

如何使用jQuery获取文本框数组中的元素数量？

5 个答案: