javascript - 遍历具有不同名称的表单字段

标签 javascript loops field

<分区>

所以我有一个带有一堆文本字段的表单。有些字段是相关的,我需要遍历它们并将值字段中的数字相加。

这些字段的名称都不同,所以我可以区分它们,所以我不确定如何查看它们。

我可以将它们全部设置为相同的 ID 或相同的东西,然后根据共享属性进行循环吗?我宁愿不必手动完成所有操作,但如果必须的话可以这样做。

我想也许如果所有字段都是表单数组的一部分,我可以弄清楚我想要的字段在哪里开始和停止并以这种方式循环它们?嗯嗯

最佳答案

原生 JavaScript 要简单得多。表单节点是其所有命名控件的数组,也是具有属性的对象。

命名控件在 the HTML5 spec 中描述。在HTML 4.01 one .

W3C 的解决方案非常优雅。

var form = document.querySelectorAll( 'form' )[0];
var total = 0;
for (var i = 0; i < form.length; i++) {
    console.log( form[i] );
    total += parseInt( form[i].value );
}

不需要图书馆。唯一的缺点是表单中的 fieldset 也会被迭代。

关于javascript - 遍历具有不同名称的表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18661521/

相关文章:

php - 在同一服务器上的 HTTP 用户 session 之间进行通信 - php 等待 mysql 字段更新?

java - 遍历 Java 类中的所有字段

c# - 使用反射来确定哪些字段是属性的支持字段

javascript - 仅在另一个函数完成时运行一个函数

javascript - Jquery 验证在网站上不起作用

java - 我怎样才能退出这个循环?

javascript - 我的 JavaScript for 循环 if/else 语句有什么问题?

javascript - 将值从 ViewModel 传递到 JavaScript

javascript - Sorttable.js(Javascript 表排序)在 javascript 中创建表时不起作用

java - 循环遍历具有交替元素的数组