通过JQuery从文本框中获取所有值

Question

我有一组文本框，我想要迭代这些文本框以获得它们的值列表。所以我使用了以下appraoch:

var locations = [];
$("input[type=text]").each(i => {
    var obj = $(this);
    locations.push(obj.value)
});

调试时，obj是主窗口，而不是DOM中的当前元素。因此obj.value只返回undefined。

但是，当我只使用$（“input[type=text]”）.val()时，只返回第一个值。

Answer 1

在文档中，箭头函数“对this没有自己的绑定”。所以我们用一个经典的函数表达式代替箭头函数:

$("input[type=text]").each(function(i) {
    var obj = $(this);
    locations.push(obj.value)
});

Answer 2

也许这是在帮你，

var locations = [];
$("input[type=text]").each(function(i){
  var aaa = $(this).val();
  locations.push(aaa);
});

Answer 3

您可以在下面使用代码段。map函数通过其中的函数逐个获取所有输入值。

null

$("#print").on("click",function(){
  var values = $("input[name='location[]']")
              .map(function(){return $(this).val();}).get()
              
  console.log(values);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='text' name='location[]'>
<input type='text' name='location[]'>
<input type='text' name='location[]'>
<input type='text' name='location[]'>

<a href='#' id='print'>print</a>