如何使用jquery通过“.val（）”获取一个字符串中多个输入的值？

Question

我想在jQuery中使用一个.val()函数一次性获取所有输入的值。

$("#txt1").val();
$("#txt2").val();
$("#txt3").val();

而不是这个我想写下面的代码

$("#txt1, #txt2, #txt3").val();

Answer 1

使用.map()将所选输入转换为它们的值，然后使用Array.prototype.join()将数组结果转换为字符串。

var values = $("#txt1, #txt2, #txt3").map(function(){
  return this.value;
}).get().join(" ");
console.log(values)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txt1" value="a" />
<input type="text" id="txt2" value="b" />
<input type="text" id="txt3" value="c" />

Answer 2

var arr= $("input").map(function(){
  return $(this).val();
}).get();
console.log(arr)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="1">
<input type="text" value="11">
<input type="text" value="11">

您需要循环使用.map()