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

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获取计数。

提前致谢。

- aslamdoctor

Answer 1

你可以使用 length：

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

- realshadow

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;

});

- roselan

Answer 3

$('#my_textbox').length

你也可以使用：

$('#my_textbox').size()

这两者在功能上是等价的，但前者更受推荐。

- Siva Charan

---

两者都不会给出1作为计数，因为您正在引用ID。 - Jayendra

Answer 4

这将给你计数 -

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

您可能需要更改所添加的输入字段的id，使其唯一。

- Jayendra

Answer 5

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

$(document).ready( function () {

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

}); 

- user369661