/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

21 votes227 views1 answer
Jquery loop through elements starting with
Javascript jQuery
16 votes237 views2 answers
Smooth scroll to top jquery
Javascript jQuery
1 vote231 views1 answer
Jquery vdn
Javascript jQuery
0 vote231 views2 answers
View my password jquery
Javascript jQuery
13 votes212 views3 answers
Jquery each break
Javascript jQuery
0 vote212 views2 answers
Jquery: get checkbox from each row of the table and select it
Javascript jQuery
1 vote201 views2 answers
Jquery option not disabled
Javascript jQuery
0 vote219 views2 answers
Jquery get meta value
Javascript jQuery
61 votes198 views3 answers
Jquery w3schools
Javascript jQuery
4 votes190 views3 answers
Jquery: get selected option of the drop down list
Javascript jQuery