/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

46 votes195 views6 answers
Jquery checkbox unchecked
Javascript jQuery
20 votes184 views6 answers
Jquery get element id
Javascript jQuery
0 vote166 views1 answer
Window onscroll position fixed position in jquery
Javascript jQuery
0 vote168 views1 answer
Bootstrap searchable pagination table example jquery
Javascript jQuery
7 votes187 views4 answers
Jquery id starts with
Javascript jQuery
0 vote175 views2 answers
Jquery click not working on ajax loaded content
Javascript jQuery
12 votes200 views2 answers
Jquery-3.5.0.min.js
Javascript jQuery
1 vote168 views2 answers
Select the first elemnt have class in jquery
Javascript jQuery
-1 vote251 views2 answers
Jquery remove keypress event
Javascript jQuery
5 votes193 views3 answers
Jquery select radio by name
Javascript jQuery