/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 vote216 views2 answers
Multipart/form-data ajax jquery
Javascript jQuery
1 vote228 views1 answer
CountTo add commas to number jquery
Javascript jQuery
1 vote225 views1 answer
Jquery bind click
Javascript jQuery
0 vote207 views1 answer
Jquery closert
Javascript jQuery
0 vote218 views1 answer
Jquery detect nav tab change event
Javascript jQuery
1 vote245 views1 answer
Foreach loop table rows jquery
Javascript jQuery
1 vote260 views1 answer
Check textbox is empty in jquery
Javascript jQuery
0 vote247 views1 answer
Jquery get return jquery object
Javascript jQuery
0 vote228 views1 answer
Jquery datepicker set year range
Javascript jQuery
4 votes215 views1 answer
Jquery filter array remove empty values
Javascript jQuery