如何在 Javascript 中构造为数组的表单中获取 id 元素？

Question

我有这个表格：

<input class="form-check-input" type="checkbox" id="pago[1][8819]">
<input class="form-check-input" type="checkbox" id="pago[2][5241]">
<input class="form-check-input" type="checkbox" id="pago[3][8541]">

如何抓取这些以进行循环？

我试过：

const pago = document.querySelector('#pago');

for (let i = 0; i < pago.length; i++) {
  const element = array[i];
  console.log(element);
}

但它不起作用（returns NULL）。

编辑：

我已阅读 this reply here，但在这种情况下，我不需要使用正则表达式来解决此问题。我认为它应该通过某种循环进行排序。在那个问题中，问题是找到名称中包含特定字符串的元素，在这种情况下，我需要遍历数字。

Answer 1

您可以尝试使用以 ([attr^=value]) 选择器开头的属性：

const pago = document.querySelectorAll('[id^=pago]');

for (let i = 0; i < pago.length; i++) {
  const element = pago[i];
  console.log(element);
}

<input class="form-check-input" type="checkbox" id="pago[1][8819]">
<input class="form-check-input" type="checkbox" id="pago[2][5241]">
<input class="form-check-input" type="checkbox" id="pago[3][8541]">

如何在 Javascript 中构造为数组的表单中获取 id 元素？

How do I grab an id element in a form that is constructed as an array in Javascript?

javascript

arrays

queryselector

编辑：