Question

我用jquery和html进行计算。它不会在网页加载时计算，并且当我在<input>中插入一些值时会这样做。如何通过页面加载来计算<input>值？请帮助我今天需要它plzz。

这里是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');
});

Jquery用程序开始计算总和

1 个答案: