javascript - フォーム内のすべてのテキストフィールドをループし、10進数/通貨に変換する

Question

フォームに12個のフィールドがあり、これらの12個のテキストフィールドすべてをループして、これらのフィールドの値を10進数/通貨に変換したいと思います。これらの12（1月から12月）フィールドは数値（通貨US $）のみです。

そして最後に、別のフィールドに表示します。

txtPendingBalance.value = TotalValue.text - (Sum(Field1..12))

それを行うための最良の方法は何ですか？jQuery？純粋なjs？

Answer 1

次のコードでそれを行う必要があります。「totalbuttonID」は、入力を合計するために押されたボタンの ID である必要があります。合計される入力には、クラス addToTotal が必要です。

$('#totalbuttonID').click(function() {
    val total=0.0;
    $('.addToTotal').each(function(){
         total+=parseFloat($(this).val())
    })
    $('#txtPendingBalance').val(parseFloat($('#TotalValue').val())-total);
})

Answer 2

このサンプルFIDLE を確認してください

$(function() {
    $('#btn1').on('click', function() {
        var $textboxes = $('.a input[type=text]');
        var $balance = $('#totalbalance') ;
        var $pending = $('#pendingbalance');

        var tot = 0;
        $.each($textboxes , function(i){
           tot += parseFloat($(this).val());           
        })
        var pending = parseFloat( parseFloat($balance.val()) - tot );    
        $pending.val( parseFloat(pending).toFixed(2));

    });
});​