2017-03-15 1 views
0

私は、jQueryを使用して合計金額を計算するフォームを用意しています。 私はそのために作成した関数はupdateTotal();jQueryを使用して戻るボタンをクリックした後にページが表示されるかどうかを確認する方法は?

で、フォームアクションは、別のページで、アクションページには、このボタンがあります。

<button class="btn btn-success" onclick="history.go(-1);" type="submit" name="edit">EDIT</button> 

はそうEDITボタンのページをユーザーがクリックすると、フォームに戻りもう一度(最初のページ)、jQueryを使用して作成された繰り返しフィールドを除いて、すべての埋められた詳細がそこにあります。 サンプルフォームは、私は、ユーザーがEDIT]をクリックして、フォームに来る場合は、この機能updateTotal();を実行したいjs fiddle

にここにある

を行うにはどのような方法があります。..ボタン(基本的に戻って参照します)これはjQueryのですか?今後の参考のため

更新 - 私はこの

HTMLのようなITを解決しよう:計算された値を格納するための隠しフィールドを定義し

jQuery(document).ready(function() { 
    var hiddenTot = jQuery('.reqFamount').val() ; 
    jQuery(".totalAmount").val(hiddenTot); 
}); 

答えて

0

<input type="text" id="amount" name="amount[]" placeholder="Amount" required="required" class="form-control inputChangeVal reqF reqFamount" data-js-input-type="number" /> 

とjQuery。

<input type="hidden" id="hiddenTotal" /> 

次に、計算値をId 'hiddenTotal'の隠しフィールドに格納します。

function updateTotal() { 
     var price = 0; 

     $(".inputChangeVal").each(function() { 
      var t = parseFloat(jQuery(this).val(), 10); 
      price = price + t; 
     }); 

     var total = price.toFixed(2); 
     $(".totalAmount").val(total); 
     $("#hiddenTotal").val(total); 
    } 

次に、ブラウズバックがトリガーされると、隠しフィールドはブラウザによって自動的に埋められます。 次に、ドキュメントが準備完了したら、hiddenTotalの値を読み、totalAmountに書き込みます。

$(document).ready(function(){ 
    // read value and set value of totalAmount to hiddentotal; 
    var hiddenTotal = $("#hiddenTotal").val() || 0; //use the hiddenTotal value or if not present set 0 as the default value 
    $(".totalAmount").val(hiddentotal) 
} 

ここでtotalAmountが復元されます。これは、ページを離れてブラウザ履歴を使用して戻るときにも機能します。

+0

これは誰にでも十分ではありません..とにかく考えが働いた...ありがとう –

+0

詳細を説明してください。私は取得していない –

関連する問題