JQuery函数格式和sum或2个文本框的问题

时间:2014-03-19 19:03:10

标签: javascript jquery asp.net

这是我的代码:

<script src="Scripts/jquery.formatCurrency-1.4.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".toCalculate").blur(function () {
            var total = 0;
            $(".toCalculate").formatCurrency(function (index, item) {
                temp = parseFloat($(item).val());
                if (isNaN(temp))
                    temp = 0;
                total = total + temp;
            });
            $(".total").val(total.toFixed(2));
        });
    });
</script>

我要做的是在每个文本框中输入带格式的数字,然后我想得到所有文本框总数的总和。我在这做错了什么。我以为我几乎拥有它,但我得到的输出是0.00。这里的错误是.total没有给出正确的输出。我该怎么做才能解决这个问题,以便它正常工作?请帮忙。感谢。

1 个答案:

答案 0 :(得分:0)

我猜你想要这个:

<强> HTML:

<input class="toCalculate" /><br/>
<input class="toCalculate" /><br/>
<input class="toCalculate" /><br/>
<input class="toCalculate" /><br/>
<hr/>
<input class="total">

<强> JavaScript的:

$(".toCalculate").on("blur", function(){    
    var total = 0;
    $(".toCalculate").each(function (index, item) {
        var temp = parseFloat($(this).val().replace(/[,$]/g,""));
        if (isNaN(temp))
            temp = 0;
        total = total + temp;
    }).formatCurrency();
    $(".total").val(total.toFixed(2)).formatCurrency(); 
});

示例:http://jsfiddle.net/C448Z/1/