0

コードに問題があります。テーブル内のすべての行を自動合計する単純な jquery ファイルを作成しました。私の問題は、行の正しい合計を取得できないことです。これが私がしたことです。

私のjqueryで

$('[id^=total]').on('change',function() {

        var index = this.id.match(/\d+/)[0];
        var total_input = parseInt($('#total'+index).val());

        var total = 0;

        $('[id^=total]').each(function(index){
            total += parseFloat($(this).val()?$(this).val():0);
        });

        var totalAll = $('#total_amt_due').val(total.toFixed(2));           
});

私のHTMLで

<table border="1">
        <tr>
            <td>
                <input type='text' name='total[]' id='total1' value='' />
            </td>
        </tr>
        <tr>
            <td>
                <input type='text' name='total[]' id='total2' value='' />
            </td>
        </tr>
        <tr>
            <td>
                <input type='text' name='total[]' id='total3' value='' />
            </td>
        </tr>
        <tr>
            <td>
                <input type='text' name='total[]' id='total4' value='' />
            </td>
        </tr>
        <tr>
            <td>
                <input type='text' name='total[]' id='total5' value='' />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" class="k-textbox" value="0.00" style="color: red; text-align: right;
                    font-family: courier" name="total_amt_due" id="total_amt_due" readonly="readonly" />
            </td>
        </tr>
</table>

このテーブルを PHP で動的に作成しました。しかし、簡単にするために、ループを削除します。jqueryが苦手です。では、オートサムを作成するための簡単な答えを教えていただけますか?

これがフィドルです：http://jsfiddle.net/rochellecanale/K8UNQ/3/

4

2 に答える 2

3

IDも「合計」で始まるため、合計の合計を表示する行に問題があります。ID を変更するだけです (total_amt_due の代わりに amt_due としましょう):

<td>
         <input type="text" class="k-textbox" value="0.00" style="color: red; text-align: right; font-family: courier" name="total_amt_due" id="amt_due" readonly="readonly" />
     </td>

これをチェックしてください：フィドル

于 2013-10-04T05:48:02.313 に答える
0 
var total = 0;
$('[id^=total]').on('change', function () {
    if ($.trim($(this).val()) != '') {
        total += parseFloat($(this).val() ? $(this).val() : 0);
    }
    var totalAll = $('#total_amt_due').val(total.toFixed(2));
});

ワーキングデモ

于 2013-10-04T05:47:12.700 に答える