/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 vote121 views1 answer
Get input value on keypress jquery
Javascript jQuery
41 votes157 views6 answers
Set checkbox checked jquery
Javascript jQuery
1 vote141 views2 answers
Jquery copy table to clipboard
Javascript jQuery
2 votes135 views1 answer
Select name get option value jquery
Javascript jQuery
1 vote130 views1 answer
Jquery selected label option
Javascript jQuery
1 vote120 views1 answer
Jquery: get class list using element id
Javascript jQuery
1 vote83 views1 answer
Select readonly jquery
Javascript jQuery
0 vote123 views1 answer
Jquery closert
Javascript jQuery
87 votes127 views6 answers
Onclick function jquery
Javascript jQuery
42 votes129 views4 answers
Jquery add div
Javascript jQuery