javascript - 如何在 Javascript 中获取表单文本字段数组的长度

Question

我有这个 HTML 代码:

<form id="form1" name="form1" method="post" action="">
a <input type="text" name="item[]" value="1" /> <br />
b <input type="text" name="item[]" value="1" /> <br />
c <input type="text" name="item[]" value="1" />
</form>

我似乎无法以语法方式从文本字段数组中提取长度，是否有一些明显的纯 JavaScript 方法(请不要使用 Jquery)来做到这一点？我试过了

    <script language="javascript">
//Tried these combination
alert(document.form1.item.length);
alert(document.form1.item[].length);
alert(document.form1.elements['item'].length);
alert(document.form1.elements['item[]'].length);
</script>

Answer 1

var inputCount = document.getElementById('form1').getElementsByTagName('input').length;

请注意，严格来说，您的输入元素并不构成数组。它们是 DOM 中的节点，因此您必须以数组形式查找它们。

我知道你说过“没有 jQuery”，但在当今时代，当人们抵制使用这样的工具时，这真的让我感到困惑。它们解决了很多问题，否则这些问题最终需要您自己解决。