ラジオ・ボタンとチェック・ボックスに基づいて入力フィールドを有効/無効に設定するフォームがあります。ユーザーが前方にナビゲートしてから戻るボタンを押すと、フィールド値は保持されますが、有効な状態はデフォルトに戻ります。 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:ビジー状態のWebページで入力ボタンがフリーズする
- 2. ドラッグ可能、サイズ変更可能、HTML、状態保存
- 3. 入力可能なPDFを入力可能なHTMLフォームに変換する
- 4. バック・ボタン用のAJAX/XHR状態をAMP(アクセラレーション・モバイル・ページ)に保存する
- 5. HTMLを入力可能なフィールドで保存する
- 6. フォームの状態を「戻る」ボタンと「ソート可能な」フォームで復元する(ChromeとSafariではFirefoxですが)
- 7. STDIN入力可用性(競合状態?)
- 8. リダイレクトのフォーム状態を保存する
- 9. jqGrid Free - ボタンとして状態をロード/保存する機能
- 10. 入力ボタンのダウン状態を検出する
- 11. リダイレクトページのボタン状態を維持する
- 12. スクロール時にUITableViewにボタンの状態を保持します。
- 13. Twitter-Bootstrapボタンは、クリック後にホバー状態を保持します
- 14. 機能的なネストされた入力を持つHTMLボタン
- 15. 入力フォームのボタンをHTMLで整列するには
- 16. ボタンを左クリックしてもグリッドのフォーカス状態を保持
- 17. Rails:設定可能な入力数を持つフォーム
- 18. ui.router:再入居時に$状態の状態を保存して再入力するとき
- 19. クエリ可能状態をリセットする
- 20. 角型UI-Routerで状態を保持
- 21. ラーベル可能競合状態?
- 22. HTMLフォーム入力
- 23. HTMLフォーム入力
- 24. 不可能なコールバックプラグインに状態を持たせる方法
- 25. はクリック可能なアクションバーのボタンをバックにする方法
- 26. Pythonフォーム初心者 - 事前入力フォーム...可能ですか?
- 27. 許可を保持している間に入力/非入力のボタンを無効/有効にする方法
- 28. 戻るボタンをクリックした後のページの最終状態を保持する
- 29. jQuery UIボタン - アクティブな状態を維持し、ホバー状態を無視する
- 30. 状態を保持するAureliaでナビゲート可能なタブを実現するには?シナリオに続き
フィールド値はすべてのブラウザで保持されます。それはオートフィルのコスになるかもしれません。チェックしてください。 –