/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

0 vote351 views1 answer
Jquery datepicker on multiple input fields
Javascript jQuery
0 vote339 views1 answer
Jquery nice select
Javascript jQuery
11 votes323 views3 answers
Jquery set width
Javascript jQuery
9 votes336 views2 answers
JQuery checkbox changed event
Javascript jQuery
0 vote400 views2 answers
Jquery selector parent on hover
Javascript jQuery
21 votes365 views5 answers
Jquery run after page load
Javascript jQuery
10 votes342 views2 answers
Jquery how to know if element is visible
Javascript jQuery
2 votes372 views2 answers
First letter uppercase in jquery
Javascript jQuery
24 votes359 views6 answers
Jquery submit form
Javascript jQuery
1 vote350 views1 answer
Jquery select option auto select
Javascript jQuery