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

Question

I want to get values of the input element that those elements are under the same 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

Answer 1

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

Answer 2

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

Answer 3

Or use jQuery's map function:

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