/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 vote174 views1 answer
Jquery check if empty object
Javascript jQuery
0 vote179 views1 answer
Empty textarea using jquery
Javascript jQuery
7 votes157 views3 answers
Prevent form submit html javascript jquery
Javascript jQuery
0 vote162 views1 answer
Jquery set focus on first input which is not readonly
Javascript jQuery
3 votes151 views3 answers
Open page in new tab using jquery
Javascript jQuery
2 votes166 views2 answers
Jquery get height of element
Javascript jQuery
5 votes165 views3 answers
Jquery body remove class
Javascript jQuery
1 vote167 views2 answers
How to wait till jquery post request has been made
Javascript jQuery
0 vote165 views1 answer
How to select second element in jquery
Javascript jQuery
0 vote154 views1 answer
Ocultar div con jquery
Javascript jQuery