/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

9 votes226 views2 answers
Check if jquery is loaded
Javascript jQuery
1 vote285 views2 answers
Jquery copy table to clipboard
Javascript jQuery
1 vote238 views1 answer
Open submenu jquery
Javascript jQuery
1 vote275 views3 answers
Jquery load
Javascript jQuery
0 vote283 views2 answers
Loading button jquery
Javascript jQuery
0 vote280 views2 answers
Jquery change page on click
Javascript jQuery
2 votes263 views1 answer
Jquery only number allowed to 10 digit
Javascript jQuery
0 vote295 views1 answer
Populate dropdown using jquery from database
Javascript jQuery
1 vote271 views1 answer
Wordpress jquery slide out navigation
Javascript jQuery
-1 vote267 views2 answers
Get specific parent element jquery
Javascript jQuery