如何获取与javascript数组同名的input元素的值?

时间:2011-08-23 07:32:30

标签: javascript jquery

我想得到输入元素的值,这些元素名称相同,name =“items []”
例如:

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

3 个答案:

答案 0 :(得分:29)

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

答案 1 :(得分:3)

仅限JavaScript:

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

警告,请参阅:getElementsByName in IE7

答案 2 :(得分:3)

或者使用jQuery的map函数:

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