javascript - jQueryでフォーム料金の最後の値を取得するにはどうすればよいですか

Question

顧客がパーソンを選択し、パーソン番号に応じてコストが自動的に表示されるフォームを作成しようとしています。そこで、jQueryのフォームチェンジ関数を使って、関数内でコストを計算しました。私のすべてのロジックは正常に機能していますが、問題は数を増やしてから複数のコストを表示することです。

視覚的な外観:

常に最新のもの/更新されたものを表示したい

私のコードを吹き飛ばしてください：

var adultsSingleChage = 200;
var childrenSingleCharge = 100;
var infantsSingleCharge = 50;


$('#absbt_form input').change(function(){
    var adults = $("#absbt_adults").val();
    var adultsCharge = adults * adultsSingleChage;

    var children = $("#absbt_children").val();
    var childrenCharge = children * childrenSingleCharge;

    var infants = $("#absbt_infants").val();
    var infantsCharge = infants * infantsSingleCharge;

    var totalCharge = adultsCharge + childrenCharge + infantsCharge;

    console.log(totalCharge);


    $('.total_cost').append(totalCharge);

});

最大限のロジックを実行したことはわかっていますが、最後のロジックについては混乱しています。

最後のものを表示するにはどうすればよいですか？