利用jquery对动态生成的文本进行求和计算

前台代码:

 

<%@ Page Title="主页" Language="C#"  AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication9._Default" %>

<html>
<head>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js" ></script>
<script type="text/javascript" >
    //解决浮点数相加偏差
    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 (accMul(arg1, m) + accMul(arg2, m)) / m
    }
    //解决浮点数相差偏差
    function accMul(arg1, arg2) {
        var m = 0, s1 = arg1.toString(), s2 = arg2.toString();
        try { m += s1.split(".")[1].length } catch (e) { }
        try { m += s2.split(".")[1].length } catch (e) { }
        return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
    }


    $(document).ready(function () {

        $(":text[id!='txtSum']").blur(function () {//给除了总和的TEXT在光标离开的时候进行求和计算
            var objZje = document.getElementById('txtSum');
            var sum = 0;
            if (objZje) {

                $(":text[id!=txtSum]").each(function () {//累计计算
                    var temp = $(this).attr('value');
                    var str = /^\d+(\.\d+)?$/     //判断文本内容是否为数字
                    if (str.test(temp)) {
                        sum = accAdd(sum, parseFloat(temp,10));
                    }
                });
                objZje.value = sum;
            }
        });
    });
</script>
</head>
<body>
<form id="form1" runat="server" >
加项1<input type="text" id="txt1" />加项2<input type="text" id="txt2" />加项3<input type="text" id="txt3" />
总和<input type="text" id="txtSum" />
</form>
</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值