如何获取所有输入元素的 id 值 - JavaScript

如果你想获取所有输入元素的 id 值，可以通过以下几种方法来实现。

方法一：使用纯 JavaScript

使用 querySelectorAll 方法选择所有的输入元素，然后使用 map 方法获取它们各自的 id 值。

const allInputs = document.querySelectorAll('input');
const ids = Array.from(allInputs).map(input => input.id);
console.log(ids);

这段代码会将所有输入元素的 id 值存储在一个数组中，并打印到控制台上。

方法二：使用 jQuery

如果你使用了 jQuery，可以使用 $ 函数来选择所有的输入元素，然后使用 map 方法获取它们各自的 id 值。

const ids = $('input').map(function() {
  return $(this).attr('id');
}).get();
console.log(ids);

这段代码与方法一的代码实现方式类似，只是使用了 jQuery 中的相关函数来选择元素和获取属性。

方法三：使用原生 HTML

如果你在 HTML 中定义了一个表单，并为每个输入元素添加了 id 属性，你可以使用 getElementById 方法来获取它们各自的 id 值。

<form>
  <input type="text" id="input1">
  <input type="text" id="input2">
  <input type="text" id="input3">
</form>

const input1 = document.getElementById('input1');
const input2 = document.getElementById('input2');
const input3 = document.getElementById('input3');
const ids = [input1.id, input2.id, input3.id];
console.log(ids);

这段代码会使用 getElementById 方法获取每个输入元素的 id 值，并将它们存储在一个数组中。

有了以上三种方法，你就可以轻松地获取所有输入元素的 id 值了！