如何獲得輸入數組元素的jQuery的所有值

Question

這是我的HTML輸入元素

<input type="text" name="pname[]" value="" /> 
<input type="text" name="pname[]" value="" /> 
<input type="text" name="pname[]" value="" /> 
<input type="text" name="pname[]" value="" /> 
<input type="text" name="pname[]" value="" /> 
<input type="text" name="pname[]" value="" /> 

我如何使用jQuery

Answer 1

通過使用地圖

var values = $("input[name='pname[]']") 
       .map(function(){return $(this).val();}).get(); 

Answer 2

您可以使用.map()得到pname陣列中所有的值。

通過函數傳遞當前匹配集合中的每個元素，產生一個包含返回值的新jQuery對象。

由於返回值是一個jQuery對象，其中包含一個數組，這是很常見的調用.get()的結果與基本陣列工作。

使用

var arr = $('input[name="pname[]"]').map(function() { 
    return this.value; // $(this).val() 
}).get(); 

Answer 3

用途：

function getvalues(){ 
var inps = document.getElementsByName('pname[]'); 
for (var i = 0; i <inps.length; i++) { 
var inp=inps[i]; 
    alert("pname["+i+"].value="+inp.value); 
} 
} 

這裏是Demo。