1 回答

TA貢獻1868條經驗 獲得超4個贊
首先,該id屬性為 HTML 元素指定了唯一的 id(該值在 HTML 文檔中必須是唯一的)。您有三個字段 with id="price"、三個 withid="quantity"和三個 withid="result"無效,因此您應該刪除那些id(s)。
現在,您必須使用它們的類名訪問這些字段getElementsByClassName。由于所有字段都form-control作為它們的公共類,下面的代碼將完成這項工作。并將所有內容替換id="result"為class="result".
$(document).ready(function(){
var input = document.getElementsByClassName('form-control');
var result = document.getElementsByClassName('result');
var total = 0;
for(var i=0; i<input.length; i+=2){
var product = input[i].value * input[i+1].value;
total += product;
product = product.toLocaleString(undefined, {maximumFractionDigits:2});
result[i/2].innerHTML = product;
}
total = total.toLocaleString(undefined, {maximumFractionDigits:2});
$("#totals").html(total);
});
添加回答
舉報