/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

18 votes152 views5 answers
Jquery ajax form submit example
Javascript jQuery
4 votes137 views2 answers
Jquery ajax headers: ( 'authorization': 'bearer)
Javascript jQuery
0 vote169 views1 answer
How to go back to previous page after updating data in jquery
Javascript jQuery
0 vote182 views1 answer
Jquery get return jquery object
Javascript jQuery
0 vote138 views1 answer
Get dynamic value in jquery
Javascript jQuery
1 vote178 views1 answer
CountTo add commas to number jquery
Javascript jQuery
2 votes151 views2 answers
Get value of hidden field jquery
Javascript jQuery
0 vote140 views1 answer
Jquery url change
Javascript jQuery
2 votes140 views1 answer
Jquery tag name
Javascript jQuery
0 vote159 views1 answer
Move li to bottom of list jquery selected value
Javascript jQuery