如何使用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獲取計數，那將是最好的。

在此先感謝。

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) 

你可能要改變輸入的編號下加入，使其獨具

。

Answer 5

工作環節http://jsfiddle.net/sameerast/5vUDZ/

$(document).ready(function() { 

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

});