[英]How to sum and display total in a label using javascript
我有一个grid view
如下
Quantity Description Rate Total
1 --- 10 10
2 --- 20 40
Label outside the `gridview`
我已经写了一个on Blur
来显示总数,现在我quantity
10+40
那样显示总数,应该像这样显示50
文本框。
我的显示金额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>
在这个脚本中,我想包括总数
给数量文本框起一个像“数量”这样的名字,然后你就可以得到它们:
document.getElementsByName("quantity");
给你的 label 一个 id,比如“total”,这样你就可以得到它:
document.getElementById("total")
使用 body onload 事件到 append 事件监听器到你的数量文本框的 onblur 事件。 当你使用它时,使用一个命名空间 singleton,这样你就不会弄乱全局命名空间,如下所示:
<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>
到append onload eventlistener,使用如下:
<body onload="p.onload()">
</body>
您可能想对数量文本框进行一些验证,但我将其留给您。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.