/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

10 votes314 views5 answers
Jquery check if element is hidden
Javascript jQuery
0 vote291 views1 answer
How to remove more than one attribute using jquery
Javascript jQuery
5 votes289 views6 answers
How to get class name in jquery
Javascript jQuery
1 vote278 views3 answers
Jquery export to excel with formatting
Javascript jQuery
0 vote310 views2 answers
Jquery click not working on ajax loaded content
Javascript jQuery
5 votes309 views5 answers
Scrollheight jquery
Javascript jQuery
30 votes303 views6 answers
Jquery find by data attribute
Javascript jQuery
1 vote306 views1 answer
Jquery is numeric
Javascript jQuery
5 votes286 views3 answers
Jquery remove child 1 elemtn
Javascript jQuery
1 vote271 views4 answers
JQuery remove a CSS style
Javascript jQuery