zoukankan      html  css  js  c++  java
  • DataGrid中实现输入数量和金额自动计算出总金额

    <script language="javascript">

     //四舍五入 
     Number.prototype.toFixed=function(len)
     {
      var add = 0;
      var s,temp;
      var l = this + "";
      var start = l.indexOf(".");
      if(l.substr(start+len+1,1)>=5)add=1;
      var temp = Math.pow(10,len);
      s = Math.floor(this * temp) + add;
      return s/temp;
     }
     
     //实现计算金额 
     function count(obj)
     {
      var regInt = /^\d+$/;
      var regMondy = /^(0|[1-9]\d*)$|^(0|[1-9]\d*)\.(\d+)$/;

      // 找出TextBox
      var objParent = obj.parentElement.parentElement;
      var textBoxs = objParent.getElementsByTagName("input");
      var TxtGoodsNum = null;
      var TxtGoodsSinglePrice = null;
      var TxtGoodsSumPrice = null;
     
      for( var i=0;i < textBoxs.length;i ++)
      {
       if(textBoxs[i].id.indexOf("txtGoodsNum") != -1)
       {
        TxtGoodsNum = textBoxs[i];
       }
       else if(textBoxs[i].id.indexOf("txtGoodsSinglePrice") != -1)
       {
        TxtGoodsSinglePrice = textBoxs[i];
       }
       else if(textBoxs[i].id.indexOf("txtGoodsSumPrice") != -1)
       {
        TxtGoodsSumPrice = textBoxs[i];
       }
      }

      if(!regInt.test(TxtGoodsNum.value))
      {
       alert("数量只能是数字,请您重新输入数量。");
       return;
      }
      if(!regMondy.test(TxtGoodsSinglePrice.value))
      {
       alert("单价只能是数字,请您重新输入单价。");
       return;
      }
     
     
      var GoodsNum = parseInt(TxtGoodsNum.value); //数量
      var SinglePrice = parseFloat(TxtGoodsSinglePrice.value); //单价
      var GoodsSumPrice = GoodsNum * SinglePrice;
     
      TxtGoodsSumPrice.value = GoodsSumPrice.toFixed(3).toString();
     }
     
    </script>

    调用:

    <asp:TextBox id=txtGoodsNum onblur=count(this) runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Goods_Num") %>' Width="60px">

  • 相关阅读:
    maven工程下的“run as application”
    Spark机器配置计算
    数学思路
    关联和依赖
    spark数据倾斜
    windows的DOS窗口如何修改大小
    MySQL的索引创建、删除
    使用composer命令创建laravel项目命令详解
    Windows平台查看端口占用情况
    使用composer安装laravel
  • 原文地址:https://www.cnblogs.com/boundless/p/105065.html
Copyright © 2011-2022 走看看