JQuery自动算整列input的值的总和

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- 参考 http://www.cssrain.cn/demo/jquery获取某列数据的和(2).html -->
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language="javascript" src="jquery-latest.pack.js"></script>

<SCRIPT language=JavaScript>
<!--
function a()
{
    var abc=0;
    $("#rr tr:not(:first)").each(function(){
    abc = parseFloat(abc).add(parseFloat($("td:nth-child(4) input",this).val()) * parseFloat($("td:nth-child(3) input",this).val())) ;
     //alert(abc);
     })
            $("#cssrain").html(abc);
}


//加法函数,用来得到精确的加法结果
//说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
//调用:accAdd(arg1,arg2)
//返回值:arg1加上arg2的精确结果
function accAdd(arg1,arg2){
var r1,r2,m;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2))
return (arg1*m+arg2*m)/m
}
//给Number类型增加一个add方法,调用起来更加方便。
Number.prototype.add = function (arg){
return accAdd(arg,this);
}


//-->
</SCRIPT>

<META content="MSHTML 6.00.3790.3167" name=GENERATOR>
</HEAD>
<BODY>
<TABLE id=rr>
<TBODY>
   <TR>
    <TD width=120>姓名</TD>
    <TD width=150>用途</TD>
    <TD width=100>价格</TD>
    <TD width=100 >价格</TD>
    <TD width=100 >价格</TD>
   </TR>
   <TR>
    <TD>张三</TD>
    <TD>吃饭报销</TD>
    <TD><INPUT class=dewei value=3 name=ra></TD>
    <TD width=100 ><INPUT class=dewei value=10 name=ku οnblur="a()"></TD>
    <TD width=100><span>158</span></TD>
   </TR>
   <TR>
    <TD>李四</TD>
    <TD>车费报销</TD>
    <TD><INPUT class=dewei value=9 name=ra></TD>
     <TD width=100 ><INPUT class=dewei value=10 name=ku οnblur="a()"></TD>
    <TD width=100><span>158</span></TD>
   </TR>
   <TR>
    <TD>王五</TD>
    <TD>报销</TD>
    <TD><INPUT class=dewei value=6 name=ra></TD>
     <TD width=100 ><INPUT class=dewei value=10 name=ku οnblur="a()"></TD>
    <TD width=100><span>158</span></TD>
   </TR>
</TBODY>
</TABLE>
<INPUT οnclick=a() type=button value=总价格>
:
<SPAN id=cssrain></SPAN>
</BODY>
</HTML>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值