如何獲得輸入的計算列的總和

我有樹號列，並創建一個計算列以獲取樹輸入的總和，但我必須單擊保存才能看到更改。我正在尋找計算列上的結果，當有人在按下保存前鍵入或更改三列之一中的數字時。我想這段JavaScript代碼：如何獲得輸入的計算列的總和

function myFunction() { 
    var x = document.getElementById("myInput").value; 
    document.getElementById("demo").innerHTML = "You wrote: " + x; 
}

但對我來說我有3列數什麼想法？

來源

2016-07-04 ysfibm

您是否正在開發Office加載項？ –

請參閱下面的解決方案。你必須添加一些驗證，以便只有數字被允許

var inputs = document.getElementsByClassName("myInput"); 
 

 
function myFunction() { 
 
\t var total = 0; 
 

 
    Array.prototype.forEach.call(inputs, function (input) { 
 
     total += +input.value; 
 
    }); 
 

 
    document.getElementsByClassName("myOutput")[0].innerHTML = "The total is: " + total; 
 
} 
 

 
for (var i = 0; i < inputs.length; i++) { 
 
    inputs[i].addEventListener("input", function() { 
 
     myFunction(); 
 
    }); 
 
}

<form action="#"> 
 
    <input type="text" class="myInput"> 
 
    <input type="text" class="myInput"> 
 
    <input type="text" class="myInput"> 
 
</form> 
 

 
<div class="myOutput"></div>

你要做的就是通過輸入迴路，同時附加的事件偵聽器和總計算。有兩種方式可以做到這一點，兩種方式都可以實現。

來源

2016-07-04 16:02:11 dhorelik

你的代碼工作得很好，謝謝我發現這個功能工作得很好： http://stackoverflow.com/questions/13540751/how-get-total-sum-from-input-box-values-using- javascript – ysfibm

如何在不使用boucle的情況下將此函數僅應用於兩個輸入？ – ysfibm

如何獲得輸入的計算列的總和

回答

相關問題