如何獲取與javascript數組同名的input元素的值？

Question

我想，這些元素是在相同的名稱，名稱=「項目[]」
例如輸入元素的值：

<div>...<input type="text" name="items[]" value="1" /></div> 
<div>...<input type="text" name="items[]" value="2" /></div> 
<div>...<input type="text" name="items[]" value="3" /></div> 

我希望得到的結果是這樣的：

[1, 2, 3] //that store in an javascript variable. 

我需要做一個循環來訪問所有的元素來獲得它的值嗎？ 請給我一個很好的解決方案，無論是JavaScript或JQuery。
感謝

Answer 1

var values = []; 
$("input[name='items[]']").each(function() { 
    values.push($(this).val()); 
}); 

Answer 2

只有JavaScript：

var values = []; 
var fields = document.getElementsByName("items[]"); 
for(var i = 0; i < fields.length; i++) { 
    values.push(fields[i].value); 
} 

警告，請參閱：getElementsByName in IE7

Answer 3

或者使用jQuery的地圖功能：

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