我正在使用动态文本框。有了这个动态文本框,我想执行一个计算:
计算很简单。我想计算文本框的总值。
在我的示例中,我使用了 3 个带有 ids 的文本框:
value1、
value2 和
value3`。
我想做的计算是:
value1
+ value2
+ value3
= 总计
在我的 javascript 中,我不想定义所有这些值,因为可能的 id
数量是无限的。
所以我的问题是。如何在不定义每个 ID 的情况下获取值的总数。
这是我的脚本:
Items:<br />
<input type="text" name="value[]" id="value1" placeholder="Value 1" onChange="getPrice(this.value)" /> <br />
<input type="text" name="value[]" id="value2" placeholder="Value 2" onChange="getPrice(this.value)" /> <br />
<input type="text" name="value[]" id="value3" placeholder="Value 3" onChange="getPrice(this.value)"/> <br />
<br />
Total: <br />
<input type="text" name="total" id="total" placeholder="Total"/> <br />
<script>
function getPrice() {
var numVal1 = Number(document.getElementById("value").value);
var totalValue = numVal1;
document.getElementById("total").value = totalValue.toFixed(2);
}
</script>
最佳答案
您可以遍历所有 value[]
输入并将它们加起来:
let total = 0;
for(const el of document.getElementsByName("value[]"))
total += +el.value;
document.getElementById("total").value = total;
关于javascript - 使用动态文本框计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53250612/