1

I am having a grid view as follows

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

                             Label outside the `gridview`

I have written a javascript to display total now I would like to display the total like 10+40 and should display as 50 like that I will have some other ways what I need is I would like to display the total sum on Blur event of quantity textbox.

enter image description here

My code for displaying amount onblur event is as follows

<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>

In this script I would like to include the total

4

1 に答える 1

1

数量テキストボックスに「数量」のような名前を付けてから、次のようにして取得できます。

document.getElementsByName("quantity");

ラベルに「total」などの ID を指定すると、次のように取得できます。

document.getElementById("total")

body 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-11T05:40:49.407 に答える