JS-------------------计算小计金额和总计金额

2019独角兽企业重金招聘Python工程师标准>>>

1创建上述的效果：修改任意的天数或者标准，其对应的酬金（小计）和下面的合计的数值都随之改变：

[其中 天数下面的<input type="text" id="day"+<%=i%> name="day"+<%=i%>  value="0.0">

         标准下面的<input type="text" id="stander"+<%=i%> name="stander"+<%=i%>  value="0.0">

         酬金下面<label><input type="hidden" id="amt"+<%=i%> name="amt"+<%=i%>  value="0.0"></label>

        合计下面:<label id="sumCount"></label>

]

思路:

1.创建计算函数

function sumCount(){

var totleSum = 0.00；

//遍历表格中的每一行

var tabNode = document.getElementById("tab");

for(int i=0;i<tabNode.rows.length;i++){

//取计算小计需要的天数

var dayValue = document.getElementById("day"+i).value;

if(dayValue ==""){

    dayValue=0.00;

}

//取计算小计需要的标准

var standValue = document.getElementById("stander"+i).value;

if(standValue==""){

    standValue =0.00;

}

//计算小计

var mySum = dayValue * (standValue.replace(/(,)/g,"")) ;

//小计酬金赋值

var amtNode = doucment.getElementById("amt"+i);

amtNode.innerHTML = "mySum";

amtNode.value = "mySum";

//合计计算

totleSum += mySum ;

var  sumNode = document.getElementById("sumCount");

sumNode.innerHTML = "totleSum";

sumNode.value = "totleSum";

}

}

2.在每一个<tr></tr>中的<td></td>,即天数和标准都添加鼠标失焦事件(blur)，鼠标失去焦点就去执行第一步的方法（计算小计和合计） onblur="sumCount()"

 

转载于:https://my.oschina.net/u/2870118/blog/733388