Javascript 如何获取具有特定类的输入文本的所有值？

我想得到输入文本的所有值，这些值具有特定的类

例如：

<input type='text' class='aa'>
<input type='text' class='aa'>
<input type='text' class='aa'>
<input type='text' class='aa'>

假设我用class

aa

编码了4个输入文本

如何使用javascript获取每个输入文本的所有值

---

我将为你的帮助而高兴

您可以在jQuery中尝试以下操作：

html:

<input type='text' value="1" class='aa'>
<input type='text' value="2" class='aa'>
<input type='text' value="3" class='aa'>
<input type='text' value="4" class='aa'>

$('.aa').each(function(){
    // code here
    console.log($(this).val());
});

---

您可以在jQuery中尝试以下操作：

html:

<input type='text' value="1" class='aa'>
<input type='text' value="2" class='aa'>
<input type='text' value="3" class='aa'>
<input type='text' value="4" class='aa'>

$('.aa').each(function(){
    // code here
    console.log($(this).val());
});

您可以使用。它将返回一个具有类名的元素数组

var elements = document.getElementsByClassName("aa");
for (let i = 0; i < elements.length; i++) {
    console.log(elements[i].value);
} 

var elements=document.getElementsByClassName（“aa”）；
for（设i=0；i

您可以使用。它将返回一个具有类名的元素数组

var elements = document.getElementsByClassName("aa");
for (let i = 0; i < elements.length; i++) {
    console.log(elements[i].value);
} 

var elements=document.getElementsByClassName（“aa”）；
for（设i=0；i

使用一行代码和一些ES6，您可以在不使用任何jQuery或任何东西的情况下完成此操作：

const values = Array.from(document.querySelectorAll('.aa'))
                    .map(input => input.value)

---

使用一行代码和一些ES6，您可以在不使用任何jQuery或其他任何东西的情况下完成这项工作：

const values = Array.from(document.querySelectorAll('.aa'))
                    .map(input => input.value)

您可以尝试以所有输入为目标：

Document方法

querySelectorAll（）

返回一个静态（非活动）节点列表，表示与指定选择器组匹配的文档元素列表

和

forEach（）

循环遍历它们，以获取要推入数组的每个输入值：

document.getElementById（'getValues'）。addEventListener（'click'，function（）{
var valueArr=[]；
document.queryselectoral（'.aa'）.forEach（函数（el）{
值推力（el值）；
});
控制台日志（valueArr）；
});

获取值
您可以尝试以所有输入为目标：

Document方法
querySelectorAll（）
返回一个静态（非活动）节点列表，表示与指定选择器组匹配的文档元素列表

和
forEach（）
循环遍历它们，以获取要推入数组的每个输入值：


document.getElementById（'getValues'）。addEventListener（'click'，function（）{
var valueArr=[]；
document.queryselectoral（'.aa'）.forEach（函数（el）{
值推力（el值）；
});
控制台日志（valueArr）；
});

获取值
您可能正在查找querySelectorAll（）和迭代器。您可能正在查找querySelectorAll（）和迭代器的可能重复项。您可能正在查找querySelectorAll（）和迭代器的可能重复项。您可以对
中的每个输入执行任何操作。每个
function@Mamun我们想在这里帮忙，问题发起者选择最佳答案，可能他需要jquery，可能不需要，我只是想帮你。你可以用
中的每个输入做任何事情。每个
function@Mamun我们试图在这里提供帮助，问题发起者选择最佳答案，可能他需要jquery，可能不需要，我只是想提供帮助。