js 动态计算折扣后总价格

 <script type="text/javascript">
      
<!---计算折扣后的总价格--->
        function outtotalprice(i) {
            document.getElementsByName("items[#index#].TotaPricel")[i].value = document.getElementsByName("items[#index#].qty")[i].value * document.getElementsByName("items[#index#].Price")[i].value;

        }
<!----在动态显示 原价、折扣、折扣后的总价---->
        function OutTotalPrice() {
            var len = document.getElementsByName("items[#index#].TotaPricel").length;
            var ordertotalprice = 0;
            for (var j = 0; j < len; j++) {
                ordertotalprice += parseFloat(document.getElementsByName("items[#index#].TotaPricel")[j].value);
            }
            document.getElementById("Out.TotalPrice").value = ordertotalprice.toFixed(2);
            var strdiscount = parseFloat(parseInt(document.getElementById("Out.discount").value) / 100).toFixed(2);
            var strdiscountPrice = parseFloat(ordertotalprice * strdiscount).toFixed(2);
            document.getElementById("Out.discountPrice").value = strdiscountPrice;
            document.getElementById("spanoldprice").innerHTML = ordertotalprice.toFixed(2);
            document.getElementById("spandistinct").innerHTML = document.getElementById("Out.discount").value;
            document.getElementById("spandisprice").innerHTML = strdiscountPrice;
        }
    </script>

声明两个对象：

  <%: Html.HiddenFor(model => model.TotalPrice, new { id = "Out.TotalPrice" })%>
  <%: Html.HiddenFor(model => model.discountPrice, new { id = "Out.discountPrice" })%>

   <div class="sortDrag" style=" 20%; border: 1px solid #e66; margin: 5px; float: inherit;min-height: 220px;">
    <div style="border: 1px solid #B8D0D6; padding: 10px; margin: 10px">
     原价(¥)&nbsp;&nbsp;&nbsp;<span id="spanoldprice" style="color: Red; font-size: x-large"><%=ViewData["totalPrice"]%></span></div>
      <div style="border: 1px solid #B8D0D6; padding: 10px; margin: 10px">
     折扣(%)&nbsp;&nbsp;&nbsp;<span id="spandistinct" style="color: Red; font-size: x-large"><%=ViewData["discount"]%></span></div>
    <div style="border: 1px solid #B8D0D6; padding: 10px; margin: 10px">
     总价(¥)&nbsp;&nbsp;&nbsp;<span id="spandisprice" style="color: Red; font-size: x-large"><%=ViewData["discountPrice"]%></span></div>
     </div>

后台代码

 private string BindTableOutSend(IList<VOutProceManager> objList)
        {
            sbProcessingtype = null;
            getProcessingtype();
            string strCalMethod = "";
            StringBuilder sb = new StringBuilder();
            int i = 0;
            string currentdate = DateTime.Now.ToString("yyyy-MM-dd");
            foreach (VOutProceManager obj in objList)
            {
                if (ViewBag.outauditstate <= 0)
                {
                    sb.Append("<tr class="unitBox">");
                    sb.Append("<input type="hidden"   name="items[#index#].Id"   submitName="items[" + i + "].Id" value="" + obj.Id + "" /> ");
                    sb.Append("<input type="hidden"   name="items[#index#].bomID"   submitName="items[" + i + "].bomID" value="" + obj.bomID + "" /> ");
                    sb.Append("<input type="hidden"   name="items[#index#].Isbom"   submitName="items[" + i + "].Isbom" value="" + obj.Isbom + "" /> ");
                    sb.Append("<td  ><input class="textInput "  size='15'  readonly="readonly"  value="" + obj.mouldNo + ""  > </td>");
                    sb.Append("<td  ><input class="textInput "  size='9'   readonly="readonly"  value="" + obj.partName + ""  > </td>");
                    sb.Append("<td  ><input class="textInput "  size='3'   readonly="readonly"    value="" + obj.drawingNo + ""  > </td>");
                    sb.Append("<td  ><input class="textInput "  size='9'   readonly="readonly"   name="items[#index#].qty"     submitName="items[" + i + "].qty"  value="" + obj.qty + ""  > </td>");
                    sb.Append("<td  ><input class="textInput "  size='15'  readonly="readonly"   name="items[#index#].typeName"  submitName="items[" + i + "].typeName" value="" + obj.typeName + ""  > </td> ");
                    sb.Append("<td>");
                    sb.Append("<SELECT  name="items[#index#].PriceType"  submitName="items[" + i + "].PriceType">");
                    strCalMethod = obj.PriceType;
                    if (strCalMethod == "体积")
                    {
                        sb.Append("<OPTION selected value='体积'>体积</OPTION><OPTION value=面积>面积</OPTION>");
                    }
                    else
                    {
                        sb.Append("<OPTION value='体积'>体积</OPTION><OPTION selected value=面积>面积</OPTION>");
                    }
                    sb.Append("</SELECT>");
                    sb.Append("</td>");
                    sb.Append("<td  ><input class="textInput required number" size='9'  name="items[#index#].Quantity"     submitName="items[" + i + "].Quantity" value="" + obj.Quantity + ""  > </td>");
                    sb.Append("<td  ><input class="textInput" type="lookup" size='3' name="items[#index#].Unit.Name" lookupgroup="items[#index#].Unit" suggesturl="projectGL/Mould/GetName?typeid=7"  suggestfields="Name" postfield="keywords" submitName="items[" + i + "].Unit.Unit" value="" + obj.Unit + ""  > </td>");
                    sb.Append("<td  ><input class="textInput required number" size='9'  name="items[#index#].Price" onkeyup="outtotalprice(" + i + ");OutTotalPrice()"   submitName="items[" + i + "].Price" value="" + obj.Price + ""  > </td>");
                    sb.Append("<td  ><input class="textInput " size='9'  readonly="readonly"   name="items[#index#].TotaPricel"   submitName="items[" + i + "].TotaPricel" value="" + obj.TotaPricel + ""  > </td>");
                    sb.Append("</tr>");
                    i++;
                }
                            }
            return sb.ToString();
        }

首次加载：初始化的后台显示（未输入价格前）

   ViewData["totalPrice"] = 0;
   ViewData["discount"] = "100%";
   ViewData["discountPrice"] = 0;

在提交的方法里

判断是否输入单价：把每种类型的总价累加起来，得到最后的总价：

decimal totalprice = 0.0m;
decimal countprice = 0.0m;
bool iszero = true;
while (!string.IsNullOrEmpty(Request.Form["items[" + i + "].Id"]))
    {  totalprice = decimal.Parse(Request.Form["items[" + i + "].TotaPricel"]);
      countprice += totalprice;
      ViewData["totalPrice"] = countprice;
      if (totalprice <= 0)
        {
         iszero = false;
         break;
         }
      i++;
    }
  if (!iszero)
  {
     return SaveSuccessStr("300", "单价不能小于等于0！", "", "", "");
  }

在提交的方法里计算折扣后的总价格：

  if (Tmodels.discount == 100)
       Tmodels.discountPrice = countprice;
  else
       Tmodels.discountPrice = Convert.ToDecimal(countprice * (Tmodels.discount / 100.0m));