/Javascript/jQuery/Jquery get multiple input values by name

Jquery get multiple input values by name

<input name="titles[]">
<input name="titles[]">
<button>submit</button>

// click handler
function onClick(event) {
  var titles = $('input[name^=titles]').map(function(idx, elem) {
    return $(elem).val();
  }).get();

  console.log(titles);
  event.preventDefault();
}

// attach button click listener on dom ready
$(function() {
  $('button').click(onClick);
});

Similar codes

21 votes148 views2 answers
Refresh page on button click jquery
Javascript jQuery
1 vote227 views1 answer
Get the last option from select jquery
Javascript jQuery
0 vote207 views2 answers
Get first element by class name jquery
Javascript jQuery
1 vote183 views2 answers
Get input value from table cell jquery
Javascript jQuery
63 votes165 views5 answers
Change color jquery css
Javascript jQuery
0 vote176 views1 answer
Jquery only on mobile
Javascript jQuery
28 votes172 views4 answers
Get value for radio button in jquery label
Javascript jQuery
57 votes203 views4 answers
Loop through json object jquery
Javascript jQuery
0 vote198 views1 answer
How to convert div to image in jquery
Javascript jQuery
1 vote162 views1 answer
Jquery submit form on enter
Javascript jQuery