Question

我的grid view如下

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

                             Label outside the `gridview`

我已经写了一个javascript来显示总数现在我想要显示像10+40的总数，并且应该显示为50，就像我将有其他方式我需要的是我想要的显示on Blur文本框的总和quantity事件。

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>

在这个脚本中，我想包含总数

Answer 1

为数量文本框指定一个名称，如“数量”，然后您可以使用：

document.getElementsByName("quantity");

给你的标签一个id，比如“total”，所以你可以用：

document.getElementById("total")

使用body onload事件将eventlisteners附加到数量文本框的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 eventlistener，使用以下命令：

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

</body>

您可能希望对数量文本框进行一些验证，但我将其留给您。

如何使用javascript在标签中汇总和显示总数

1 个答案: