ラジオ・ボタンとチェック・ボックスに基づいて入力フィールドを有効/無効に設定するフォームがあります。ユーザーが前方にナビゲートしてから戻るボタンを押すと、フィールド値は保持されますが、有効な状態はデフォルトに戻ります。 javascript経由でこれを処理する方法はありますか?バック・ボタンでHTMLフォーム入力可能状態を保持する
答えて
DOM準備完了イベント(window.onload
)のラジオボタンの選択に基づいてDOM要素を有効または無効にするjavascript関数を呼び出すことができます。このイベントは、キャッシュからページをロードするときに実行され、通常、それらの要素の有効/無効状態を配線する必要があります。
これはトリックでした。私はsetFieldState()関数を$(document).ready()に呼び出します。もう少しテストを行いますが、これがブラウザ間で証明されない場合は、@ skyburnerの提案を試してみましょう。 – CtrlDot
ここでの最善の答えは、「それは依存します」です。
私は説明します。
これは、ブラウザの視聴者がどれくらいサポートしたいかによって異なります。現代のブラウザでは、Javascript/JSONブロックのDOM要素とボタンの値をキャプチャして、window.localStorageやCookieなどの場所にプッシュすることができます(クッキーが必要な場合は、古いブラウザでも動作します)。
ユーザーがトラバースした後は、値を確認して、ページの読み込み時にボタン状態を再確立できます。
あなたがそのようなjqueryのようJavascriptのフレームワークを使用している場合は、私はこれを見てとることをお勧めします:
http://archive.plugins.jquery.com/project/DOMCached
これは、私が説明するように、あなたが同じスタントを実行することができますボタンのパラメータをJSON/Javascriptデータオブジェクトにキャプチャし、DOMCached経由で保存してから、ユーザーがページ自体に戻るときに後でアクセスすることができます。
- 1. ドラッグ可能、サイズ変更可能、HTML、状態保存
- 2. リダイレクトページのボタン状態を維持する
- 3. 機能的なネストされた入力を持つHTMLボタン
- 4. ボタンを左クリックしてもグリッドのフォーカス状態を保持
- 5. Rails:設定可能な入力数を持つフォーム
- 6. 角型UI-Routerで状態を保持
- 7. jQuery UIボタン - アクティブな状態を維持し、ホバー状態を無視する
- 8. asp.netの通常のHTML入力で状態を表示する方法
- 9. Firefoxで入力ボタンの無効状態をシミュレートできますか?
- 10. Ruby on Rails:html.erbのチェックボックス状態を保持
- 11. Ajax CollapsiblePanelExtenderポストバックに状態を保持
- 12. 通常のボタンの状態を変更して保持する場合
- 13. フォーム入力からページ区切りを保持する
- 14. Operaのバック・ボタン・キャッシュ機能
- 15. ボタンの状態を設定し、それをonClickの後に保持します。
- 16. htmlフォーム提出 - javascriptは入力ボタンを提出しません
- 17. ウェイク状態の1文字入力
- 18. Xamarin.AndroidでButton.Pressed状態を保持する方法は?
- 19. Post/Redirect/Getパターンでモデル状態を保持する
- 20. 入力フォーム変数を保存する
- 21. HTMLフォームの自動入力
- 22. HTML/PHP - フォーム - 入力配列
- 23. テーブルビューの状態を保存する/テーブルビューのテキストの状態を保存する
- 24. 状態と制御可能なゲームオブジェクト
- 25. MsgWaitForMultipleObjectsExとアラート可能な待機状態
- 26. 可変スコープシングルトンの可能な競合状態ですか?
- 27. AS3ボタンの状態
- 28. flex3ボタンの状態
- 29. 入力ボタンを押すとフォーム提出
- 30. animateWithDurationで保持可能性:
フィールド値はすべてのブラウザで保持されます。それはオートフィルのコスになるかもしれません。チェックしてください。 –