ページをリロードするときにチェックボックスがオンのままになるのはなぜですか？

次のコードを含むWebページをリロードしています。

<label for="showimage">Show Image</label>
<input id="showimage" name="showimage" type="checkbox" value="1" />

ブラウザに送信されたままのHTMLは、ページのリロードごとに同じですが、リロードが実行されると、チェックボックスは常にチェックされた値になります。つまり、ユーザーがチェックボックスをオンにしてリロードした場合でも、チェックボックスはオンのままです。

ここでキャッシュが行われていますか？

編集：以下のGordon Bellのソリューションを試しましたが、value = "1"を削除した後もこれが引き続き発生していることがわかりました。他に何か足りないものはありますか？

<label for="showimage">Show Image</label> 
<input id="showimage" name="showimage" type="checkbox" /> 

はい、キャッシュしていると思います。たとえば、Firefoxでこの動作が見られます（Safariではなく、その価値があります:)）。

あなたは、ページをリロードし、キャッシュバイパス（Firefoxの上の）使用することができますCTRL- SHIFT-Rあなたがチェック値が運ばない表示されます（通常のCTRL-Rしかし、キャッシュからの情報をつかむだろう）

編集：Firefoxでこのサーバー側を無効にして、キャッシュ制御ヘッダーを設定することができました：

Cache-Control: no-store

これはFirefoxの「フォーム値の記憶」機能を無効にしているようです

autocomplete="off"ページのフォーム要素に追加します。欠点は、これが有効なXHTMLではないことですが、複雑なJavaScriptなしで問題を修正します。

jsでautocomplete = "off"を設定することもうまく機能しています。

たとえば、jqueryを使用します。

$(":checkbox").attr("autocomplete", "off");

これはFirefoxの優れた機能です。何かを入力してもページをリロードすると、テキストはテキスト領域に残ります。選択した他の設定と同じです。

残念ながら、SO（おそらくJSによってリセットされます）やIEのような面倒なブラウザでは機能しません...

これは解決策を示唆しています。本当にそれを行う必要がある場合は、JSでフォームをリセットしてください。form.reset（）がその仕事をするかもしれません（[入力のリセット]ボタンのように機能します）。

これは古い質問ですが、Firefoxにとってはまだ活発な問題です。私が試した応答のいずれも、それを解決していないが、何やった私のためにそれを解決するため、単純にこれをしました。

    document.getElementById('formId').reset();

これにより、ページが読み込まれるたびにフォームがデフォルトのオプションにリセットされます。きめ細かい制御が失われるため理想的ではありませんが、これを解決したのはそれだけです。

または、f5の代わりにアドレスバーのEnterキーを押します:)

これは、ブラウザのキャッシュが原因である可能性があります。あまり頻繁に変更されない静的Webサイトには非常に役立ち、動的Webアプリケーションには非常に適していません。
ページのヘッドセクションにある2つのメタタグを試してみてください。2番目のメタタグは、「キャッシュなし」メタタグを認識しない古いブラウザー（IE5）用であり、異なるものの、同じ結果を生成します。各要求はサーバーに送信されます。

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Expires" CONTENT="-1">

$（ "＃showimage"）。prop（ "checked"、false）;

それを解決するための公の考え

フォームを作成してボタンをリセット

<form>
<checkbox>
<reset>
</form>

$(reset).trigger("click");//to clear the cache and input 
$(checkbox).trigger("click");//to mark checkbox