/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 vote291 views1 answer
How to toggle fa fa-caret-down and fa fa-caret-up using jquery
Javascript jQuery
-1 vote286 views1 answer
Jquery.min.js:689 Uncaught RangeError: Maximum call stack size exceeded
Javascript jQuery
1 vote255 views1 answer
Jquery make readonly textbox
Javascript jQuery
0 vote270 views2 answers
Iterate table in jquery
Javascript jQuery
0 vote267 views1 answer
Change the input feild name when the div contaoining that field is cloned using jquery
Javascript jQuery
8 votes277 views1 answer
Jquery call function every second
Javascript jQuery
0 vote289 views1 answer
Multidimensional array push in jquery
Javascript jQuery
-1 vote276 views1 answer
Id in class selector jquery
Javascript jQuery
1 vote255 views4 answers
JQuery remove a CSS style
Javascript jQuery
0 vote281 views1 answer
Input Text to Enable Button with jQuery when all fields
Javascript jQuery