/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 vote199 views1 answer
Check if class is active jquery
Javascript jQuery
0 vote257 views2 answers
Jquery fadein to show modal
Javascript jQuery
1 vote204 views4 answers
JQuery remove a CSS style
Javascript jQuery
4 votes228 views4 answers
Change background image with jquery
Javascript jQuery
0 vote229 views1 answer
Jquery set hidden field value
Javascript jQuery
2 votes227 views3 answers
Jquery scroll to top of div animate
Javascript jQuery
0 vote238 views2 answers
If media queries jquery
Javascript jQuery
0 vote218 views1 answer
Jquery handle change event of file upload created dynamically
Javascript jQuery
1 vote233 views1 answer
Jquery select option auto select
Javascript jQuery
0 vote237 views1 answer
Append string in variable using jquery in each loop
Javascript jQuery