jquery - Jquery用程序开始计算总和

Question

我用 jquery 和 html 计算。它不会计算网页加载，当我将一些值插入<input>. 我可以做些什么来计算<input>页面加载的价值？请帮助我今天需要它。

这是 js fiddle JsFiddle

HTML

    <table border="1" class="sumtable">

    <tr>
        <td>Amount 1</td>
        <td><input class="amount" type="text"/></td>
    </tr>

     <tr>
        <td>Amount 2</td>
        <td><input class="amount" type="text"/></td>
    </tr>

    <tr>
        <td>Amount 3</td>
        <td><input class="amount" type="text"/></td>
    </tr>

    <tr>
        <td>Total Amount</td>
        <td><span class="total">0</span></td>
    </tr>

</table>

jQuery

$(function(){           
        $('input').each(function() {
            $(this).keyup(function(){  
                calculateTotal($(this));
            });
        });
    });

    function calculateTotal(src) {
        var sum = 0;
        var sumtable = src.closest('.sumtable');

        sumtable.find('input').each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        sumtable.find(".total").html(sum.toFixed(2));
    }

Answer 1

您可以trigger()用来触发事件：

$('input').each(function() {
    $(this).keyup(function(){  
        calculateTotal($(this));
    });
    $(this).trigger('keyup');
});