How do I get values of input element with the same name as an javascript array?

I want to get values of the input element that those elements are under the same 开发者_JS百科name, name="items[]"

for example:

<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>

And I wish to get the result something like:

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

Do I need to do a loop to access all the elements to get its value? Please give me a good solution either javascript or JQuery.

Thanks

---

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

---

JavaScript only:

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

Warning, see: getElementsByName in IE7

---

Or use jQuery's map function:

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