如何總結和使用顯示器總在標籤中的JavaScript

我有一個grid view如下如何總結和使用顯示器總在標籤中的JavaScript

Quantity Description Rate Total 
    1    ---   10  10 
    2    ---   20  40 

          Label outside the `gridview`

我已經寫了一個JavaScript來顯示總現在我想顯示總喜歡10+40，並應顯示爲50這樣我會有一些其他的方式，我需要的是我想顯示quantity文本框的總和on Blur事件。

enter image description here

我的顯示量onblur事件是如下

<script type="text/javascript"> 
    function multiplication(txtQuantity, txtRate, txtAmount) { 
     var weight = document.getElementById(txtQuantity).value; 
     var rate = document.getElementById(txtRate).value; 
     document.getElementById(txtAmount).value = weight * rate; 
    } 
</script>

在這個劇本，我想包括總

來源

2012-04-11 Vivekh

[示例？]（http://jsfiddle.net/） – 2012-04-11 05:32:19

分享一些代碼夥計，按照Derek的建議在jsfiddle.net上創建一個小型工作演示。 – codef0rmer 2012-04-11 06:00:56

給量代碼文本框的名稱，如「量」，那麼你可以得到它們：

document.getElementsByName("quantity");

給你的標籤的ID，如「總」，這樣你就可以得到與：

document.getElementById("total")

用身體onload事件附加事件監聽器您的數量文本框的onblur事件。而當你在它，使用一個命名空間，一個單身，這樣你就不會弄亂全局命名空間，就像這樣：

<script> 
    var p = { 
     onload: function() { 
      var els_qty = document.getElementsByName("quantity"); 
      for(var i = 0, ceiling = qty_els.length; i < ceiling; i++) { 
       qty_els[i].onblur = function() { 
        var total = 0; 
        for(var j = 0; j < ceiling; j++) { 
         total += Number(qty_els[j].value); 
        } 
        document.geTElementById("total").innerHTML = total; 
       } 
      } 
     } 
    }; 
</script>

追加在onload事件監聽，使用以下命令：

<body onload="p.onload()"> 

</body>

您可能想要對數量文本框進行一些驗證，但我會將其保留給您。

來源

2012-04-11 05:40:49 Tom

如何總結和使用顯示器總在標籤中的JavaScript

回答

相關問題