当处理表单数据时，我们经常需要获取一组具有相同名称的表单元素的值。在HTML中，我们可以通过将多个<input>元素设置为相同的名称来实现这一点。本文将介绍如何使用jQuery获取具有相同名称的多个<input>元素的值并将其存储到一个数组中。
1. jQuery选择器
要选择所有具有相同名称的<input>元素，我们可以使用以下jQuery选择器：
$('input[name="name"]')其中，input表示要选择的元素类型，name="name"表示要选择具有名称为“name”的元素。
2. 遍历元素并获取值
使用上述选择器，我们可以获取所有具有名称为“name”的<input>元素。然后，我们可以使用.each()方法遍历每个元素并获取其值。
var values = [];
$('input[name="name"]').each(function() {
values.push($(this).val());
});
console.log(values);在上面的代码中，我们首先定义了一个名为“values”的空数组。然后，我们使用.each()方法遍历每个<input>元素并将其值添加到该数组中。最后，我们使用console.log()打印该数组，以便查看结果。
3. 示例代码
下面是一个完整的示例代码，它将获取具有相同名称的多个<input>元素的值并将其存储到一个数组中。
-- -------------------- ---- -------
------
------ -----------------------
------ ----------- ----------- ---------------
------ -----------------------
------ ----------- ----------- ---------------
------ -----------------------
------ ----------- ----------- ---------------
------- ------------- ---------------------
-------
------- -----------------------------------------------------------
--------
---------------------------- -
-------------------------- -
--- ------ - ---
--------------------------------------- -
---------------------------
---
--------------------
---
---
---------在上面的代码中，我们首先定义了一个包含三个具有相同名称“name”的<input>元素的简单表单。然后，我们使用jQuery绑定点击事件处理程序以获取这些元素的值并将它们存储到名为“values”的数组中。最后，我们使用console.log()打印该数组，以便查看结果。
4. 总结
本文介绍了如何使用jQuery获取具有相同名称的多个<input>元素的值并将其存储到一个数组中。通过使用简单的jQuery选择器和.each()方法，我们可以轻松地实现这一目标。此外，本文还提供了一个完整的示例代码以帮助读者更好地理解这个过程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13622