/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 vote342 views1 answer
Jquery for element which doesnt exist on page load
Javascript jQuery
1 vote314 views1 answer
Jquery check if field exist by name
Javascript jQuery
1 vote274 views3 answers
Jquery array remove element
Javascript jQuery
2 votes385 views1 answer
How to get all elements with same class in jquery
Javascript jQuery
0 vote326 views1 answer
Js require jquery
Javascript jQuery
22 votes280 views6 answers
Jquery modal close
Javascript jQuery
0 vote328 views1 answer
Jquery set multiple options selected
Javascript jQuery
1 vote299 views1 answer
Jquery get nested element
Javascript jQuery
1 vote302 views3 answers
Save action hide element in jquery
Javascript jQuery
1 vote310 views2 answers
Jquery remove focus from all elements
Javascript jQuery