Javascript 使用动态文本框进行计算

我正在使用动态文本框。使用此动态文本框，我要执行一个计算：

计算简单。我想计算文本框的总值

在我的示例中，我使用了3个id为

s的文本框：

value1

、

value2

和

value3`

我想做的计算是：

value1

+

value2

+

value3

=

total

在我的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>

项目：









总计：



函数getPrice（）{
var numVal1=Number（document.getElementById（“value”）.value）；
var totalValue=numVal1；
document.getElementById（“total”）.value=totalValue.toFixed（2）；
}

---

示例：

您可以检查所有

值[]

输入并将其汇总：

 let total = 0;
 for(const el of document.getElementsByName("value[]"))
   total += +el.value;

 document.getElementById("total").value = total;