设置值数组输入 jquery - Javascript

在 jQuery 中设置值数组输入通常用于表单数据的收集和提交。开发人员可以使用以下方法将表单输入存储在值的数组中：

var values = [];

$(":input").each(function() {
  values.push($(this).val());
});

这个代码片段将获取所有表单元素的值，并将它们存储在一个名为 values 的数组中。使用 each 方法遍历每个表单元素，使用 val 方法获取每个元素的值，并将其添加到数组中。

开发人员还可以将上面的代码段更改为将表单元素的 name 属性添加到数组中，而不是其值：

var values = [];

$(":input").each(function() {
  values.push($(this).attr("name"));
});

这将创建一个名为 values 的数组，其中包含表单元素的 name 属性。

除了使用 each 方法遍历每个表单元素外，还可以使用 map 方法执行相同的操作：

var values = $(":input").map(function() {
  return $(this).val();
}).get();

这将遍历每个表单元素，并使用 val 方法获取其值。然后，使用 get 方法将返回的 jQuery 对象转换为标准的 JavaScript 数组。

如果想要限制表单元素的类型，例如只收集输入字段和文本区域元素的值，可以使用以下代码：

var values = $(":input[type='text'], :input[type='password'], textarea").map(function() {
  return $(this).val();
}).get();

这将仅遍历类型为 'text'，'password' 和 textarea 的表单元素，并将它们的值存储在一个名为 values 的数组中。

在使用上述代码时，需要注意一些事项：

• 不要使用 :input 选择器来选择表单元素，这会非常慢，因为它将应用于文档中的每个元素。相反，应该更具体地选择要收集值的元素类型。
• 如果表单中有多个具有相同名称的元素，将使用最后一个元素的值。如果希望收集所有值，请使用 serialize 方法。

以上就是 jQuery 中设置值数组输入的例子，可以根据实际需求进行修改和使用。