Php动态明细表,基于jQuery实现表格数据的动态添加与统计的代码_jquery

不需再做处理。大大减轻了工作量。

关键代码

(一)创建克隆单元格对象并添加到表格中

var v=$("#tbin");//得到表格的jquery对象

//所有的数据行有一个.MyRow的Class,得到数据行的大小

var vcount=$("#tbin tr").filter(".MyRow").size()+1;//表格有多少个数据行

var vTr=$("#tbin #trDataRow1"); //得到表格中的第一行数据

var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone

vTrClone.appendTo(v);//把副本单元格对象添加到表格下方

(二)统计更新总金额

function UpdateTotal()//更新总金额

{

var vTotalMoney=0;//总金额的初始值为0;

var vTable=$("#tbin");//得到表格的jquery对象

var vTotal= vTable.find("#txtTotal") ;//得到总金额对象

var vtxtAfters=vTable.find("#txtMoney");//得到所有计算好的费用对象;

vtxtAfters.each( //使用jQuery的each函数遍历每行费用对象,累加成总金额

function(i)

{

var vTempValue=$(this).val();

if(vTempValue=="")

{

vTempValue=0;

}

vTotalMoney=vTotalMoney+parseFloat(vTempValue);//计算总费用

}

)//遍历结束

vTotal.val(vTotalMoney); //将总费用显示到对应文本框对象中

}

(三)计费重量变化时计算费用,并统计总费用

$("#txtMoneyWeight").bind("change", function()

{

var vTotalMoney=0;//总金额的初始值为0;

var vtxtDetail=$(this);//得到变化的文本框对象

var vVal=vtxtDetail.val();

var vtxtAfter=vtxtDetail.parent("td").parent("tr").find("#txtRate");//得到费率;

var vtxtMoney=vtxtDetail.parent("td").parent("tr").find("#txtMoney");//得到费用;

var vMoney=CalculatorMoney(vVal,vtxtAfter.val());//使用公式计算单行运费

vtxtMoney.val(vMoney); //显示单行运费信息

UpdateTotal(); //调用函数统计更新总费用

}); //变化脚本结束

键盘的控制和数据的校验在源程序中有详细注释，具体代码可参考源程序。