如何使用jquery通过“.val()”在一个字符串中获取多个输入的值？答案

【问题标题】：How to get values of multiple input in one string by ".val()" using jquery?如何使用jquery通过“.val()”在一个字符串中获取多个输入的值？
【发布时间】：2017-03-03 10:41:44
【问题描述】：

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

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

我想写下面的代码来代替这个

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

【问题讨论】：

这是不可能的。 val() 方法一次只能从一个元素返回一个值
你能告诉我们你为什么不想在这里使用each吗？

标签： javascript jquery html input

【解决方案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" />

【讨论】：

我想这是有道理的。

【解决方案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()

【讨论】：