フォームでPOSTをしたあと、history.backや戻るボタンで戻ったときに、POST時に選択したラジオボタンのcheckedもfalseになってしまうのですが、チェックされているものを取得することはできるのでしょうか。
■form部分
<form name="form1" method="post" action="...">
<input type="radio" name="radio1" value="1">1<br />
<input type="radio" name="radio1" value="2">2<br />
<input type="radio" name="radio1" value="3">3<br />
</form>
■JavaScript部分
var radio1 = document.form1.radio;
for(var i=0;i<radio1.length;i++) {
if (radio1[i].checked) {
alert(i);
}
}
このようなコードで、選択してPOST後、「戻る」で入力ページ表示時にJavaScriptを実行しても、
radio1[i].checkedは全てfalseになってしまいます。
また選択→POST→戻る→そのままPOSTとすると、選択したvalue値は正しくサーバーに送られます。
「戻る」でのページ表示時に選択したものを取得する方法があれば教示いただけますか。
No.2
- 回答日時:
>「戻る」でのページ表示時に選択したものを取得する方法
onsubmit時にクッキーにチェック状態を保存しておき
onload時にクッキーの状態をみてチェックを設定する
というのが妥当
むしろ「戻る」をさせないようにすれば、そんなことを悩む必要もなくなります
ただしその場合セッション的な処理になるのでjavascriptだけでは厳しいかも
ありがとうございます。
仕様という感じのようなので諦めます。
入力値をCookieに持たせたくないのでセッションを使った方が無難ですね。
No.1ベストアンサー
- 回答日時:
どのブラウザのどのバージョンで確認されているのでしょうか。
記憶では、質問の挙動は、ブラウザによって異なると思いますよ。
仮に、質問の挙動に限定するならば、初回の送信時に、cookieやLocal Storageに保存すれば参照できます。
また、複数回の送信をされたくない場合は、明示的にJSで値をリセットするか、あるいは、ajaxで通信すれば、そもそも履歴に残らないので、「戻る」では送信前のページには戻りません。
ありがとうございます。
ブラウザはそれぞれ現在の最新
IE11、FF30、Chrome35で同じ挙動です。
JavaScriptでフォームを整形(1階層目の選択で2階層目を絞り込み)しているのですが、入力値をCookieに持たせたくないのでセッションを使った方が無難ですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
Javascriptのhistory.back()がうまく動かない
JavaScript
-
HTMLで前の画面に戻る時、入力していた値が消えてしまいます。
PHP
-
ブラウザの戻るボタンを押したときのデータの保持の仕方
JavaScript
-
-
4
hiddenの値を消したくない!
JavaScript
-
5
FORMで送信ボタンと戻るボタンを2つつけてそれぞれ遷移先を変えたい
その他(プログラミング・Web制作)
-
6
メール送信フォームとhistory.back()
PHP
-
7
ブラウザバックしてもチェックボックスの値を残すには
PHP
-
8
php history.back()の戻るボタンを押下すると、データが登録されてしまう。
PHP
-
9
ブラウザーの戻るボタンを押して戻ったときのみJavaScriptを実行したい
JavaScript
-
10
Javascript_submit()完了後に処理したい
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンの選択によってチ...
-
ラジオボタン未チェックの場合...
-
ラジオボタンのリセット方法
-
ラジオボタンの未選択アラート/...
-
データベースの値を判断してラ...
-
jsでラジオボタンによって表示...
-
ラジオボタンにタブインデック...
-
リセットボタンでクリアできな...
-
Jvasvriptのlengthで個数が取得...
-
ジャバスクリプト機能の繰り返...
-
js radioボタンの「name」を多...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
jQuery セレクトボックスで選択...
-
フォームが空欄の時にフォーム...
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
-
javascriptの値をformのinput h...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
チェックされたラジオボタンに...
-
アンダーバーのname値は取得で...
-
ラジオボタンのリセット方法
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
jQuery 変数の使い方について
-
ラジオボタンでチェックした項...
-
チェックボックスとテキストボ...
-
JavaScriptでラジオボタンのチ...
おすすめ情報