0

jqueryとhtmlで計算しています。Webページの読み込みでは計算されず、に値を挿入すると計算されます<input>。<input>ページの読み込みで値を計算するにはどうすればよいですか? 今日それが必要なのを助けてくださいplzz。

ここにjsフィドルがあります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>

Jクエリ

$(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));
    }
4

1 に答える 1

1

trigger()イベントをトリガーするために使用できます。

$('input').each(function() {
    $(this).keyup(function(){  
        calculateTotal($(this));
    });
    $(this).trigger('keyup');
});
于 2013-10-31T19:14:04.037 に答える