Value of set of input tags in a JS array

Question

I have a set of input tags

<input name= "keys[]" type="text">
<input name= "keys[]" type="text">
<input name= "keys[]" type="text">
<input name= "keys[]" type="text">
<input name= "keys[]" type="text">

Is it possible to get all the input of type text values in an array using the name keys[]

I tried this

$('input[name="keys[]"]').val()

But I got the value of the first input tag only.

I wanted to get a array of the values of these input tags. Is it possible without going thru an iteration?

Thanks

from the manual: Get the current value of the **first element** in the set of matched elements. — Yoshi
– Yoshi, Commented Apr 24, 2014 at 12:24

Wilmer · Accepted Answer · 2014-04-24 12:25:42Z

6

Try serializeArray() it will return an array of objects with name and value.

$('input[name="keys[]"]').serializeArray()

answered Apr 24, 2014 at 12:25

Wilmer

2,5091 gold badge14 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sahbeewah · Accepted Answer · 2014-04-27 13:20:29Z

1

You can use map:

$('input[name="keys[]"]').map(function(key, input) { return input.value; });

edited Apr 27, 2014 at 13:20

answered Apr 24, 2014 at 12:25

sahbeewah

2,6901 gold badge15 silver badges18 bronze badges

Comments

ekans · Accepted Answer · 2014-04-24 12:24:27Z

0

You can try something like

var array= new Array();
$('input[name="keys[]"]').each(function(index){
 array[index] = $(this).val();
});

Hope I help!

answered Apr 24, 2014 at 12:24

ekans

1,72414 silver badges25 bronze badges

Comments

JohanVdR · Accepted Answer · 2014-04-24 12:26:27Z

0

http://jsfiddle.net/Gh6Z9/4/

var values = new Array();
$.each( $('input[name="keys[]"]'), function() {
 values.push($(this).val());
});
console.log(values);

answered Apr 24, 2014 at 12:26

JohanVdR

2,8781 gold badge17 silver badges16 bronze badges

Collectives™ on Stack Overflow

Value of set of input tags in a JS array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related