予約フォームに変動価格と合計を追加するにはどうすればよいですか？

Question

ここに私が達成しようとしているものがあります：

まず、選択された部屋の価格を記載した場所に来ようとしています。

2つ目は、複数の部屋や他のアイテムを選択すると、合計料金が必要になります（一度価格が固定されると、ボートレンタル、スパトリートメント、チケットなどのオプションがあります。部屋の合計）。

第3に、私は各部屋の価格を表示し、それらが選択した日付に基づいてその価格を変更する方法を見つけようとしています。たとえば、夏期に平日を選択すると、週末を選択すると異なる料金が表示されます。複数の日を選択すると、週末と平日のさまざまな料金が表示されます。また、7泊以上ご予約の場合、自動的に1泊無料で提供します。そしてこのシーズンに基づいて変化を起こしてください。

私はここに私の頭を越えていると思うし、もし私がいるなら、私が疑うように、これについて別の方法がありますか？ここで

は、私が使用しています形式です：

https://jsfiddle.net/kg5wa2Lv/

とコード

(function($){ 
function floatLabel(inputType){ 
    $(inputType).each(function(){ 
     var $this = $(this); 
     // on focus add cladd active to label 
     $this.focus(function(){ 
      $this.next().addClass("active"); 
     }); 
     //on blur check field and remove class if needed 
     $this.blur(function(){ 
      if($this.val() === '' || $this.val() === 'blank'){ 
       $this.next().removeClass(); 
      } 
     }); 
    }); 
} 
// just add a class of "floatLabel to the input field!" 
floatLabel(".floatLabel"); 

Answer 1

あなたのアイデアを追跡することは困難です。それは私の側で問題になる可能性がありますので、怒らないでください。 :)

回答 - 各オファーに関する情報を持つオブジェクトのリストはありますか？そうすれば、総額を知ることができます。何かが変更された場合は、変更を追跡したり、オブジェクトを更新したり、リストから削除したりして合計を得ることができます。

オファーのリストをオブジェクトとして扱う - add_offer、remove_offer、change_offer - はメソッドです。また、sum_upは別のオファーである必要があります。変更に応じて、適切なメソッドをトリガし、新しい値を取得し、適切な場所に配置する必要があります。

他の選択肢は角度を考えることです...個人的に私はそのようなアドバイスを「問題 - 大きなライブラリを使用してください...」とは思わないが、この問題を解決することができます。双方向バインディングを使用すると、変数を配置して更新するだけです。