Fatal编程技术网
  • javascript/
  • 如何使用javascript在标签中求和和和显示总计

如何使用javascript在标签中求和和和显示总计

javascript asp.net gridview

如何使用javascript在标签中求和和和显示总计,javascript,asp.net,gridview,Javascript,Asp.net,Gridview,我有一个网格视图，如下所示 Quantity Description Rate Total 1 --- 10 10 2 --- 20 40 Label outside the `gridview` <script type="text/javascript"> function mul

我有一个
网格视图
，如下所示

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

                             Label outside the `gridview`

<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>
我已经编写了一个javascript来显示总计，现在我想显示总计，如
10+40
，并应显示为
50
，这样我将有一些其他方法，我需要的是，我想在
数量
文本框的模糊事件中显示总计

我显示金额
onblur
事件的代码如下

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

                             Label outside the `gridview`

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


函数乘法（txtQuantity、txtRate、txtAmount）{
var-weight=document.getElementById（txtQuantity）.value；
var rate=document.getElementById（txtRate）.value；
document.getElementById（txtAmount）.value=weight*rate；
}
在这个脚本中，我想包括总数

给数量文本框一个类似“数量”的名称，然后您可以使用以下方法获得它们：

document.getElementsByName("quantity");
为您的标签提供一个id，如“total”，这样您就可以通过以下方式获得该id：

document.getElementById("total")
使用body onload事件将eventlisteners附加到quantity文本框的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>


var p={
onload:function（）{
var els_qty=document.getElementsByName（“数量”）；
对于（变量i=0，上限=qty_els.length；i<天花；i++）{
数量[i].onblur=函数（）{
var合计=0；
对于（var j=0；j<上限；j++）{
总数+=数量（数量[j].值）；
}
document.geTElementById（“total”）.innerHTML=total；
}
}
}
};
要附加onload eventlistener，请使用以下命令：

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

</body>
您可能想对数量文本框进行一些验证，但我将这一点留给您。

给数量文本框起一个类似“数量”的名称，然后您可以通过以下方式获得它们：

document.getElementsByName("quantity");
为您的标签提供一个id，如“total”，这样您就可以通过以下方式获得该id：

document.getElementById("total")
使用body onload事件将eventlisteners附加到quantity文本框的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>


var p={
onload:function（）{
var els_qty=document.getElementsByName（“数量”）；
对于（变量i=0，上限=qty_els.length；i<天花；i++）{
数量[i].onblur=函数（）{
var合计=0；
对于（var j=0；j<上限；j++）{
总数+=数量（数量[j].值）；
}
document.geTElementById（“total”）.innerHTML=total；
}
}
}
};
要附加onload eventlistener，请使用以下命令：

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

</body>
您可能想对quantity文本框进行一些验证，但这由您决定。

共享一些代码dude，按照Derek的建议在jsfiddle.net上创建一个小的工作演示。共享一些代码dude，按照Derek的建议在jsfiddle.net上创建一个小的工作演示。