Dlaczego pole wyboru pozostaje zaznaczone podczas ponownego ładowania strony?

Przeładowuję stronę internetową, która zawiera następujący kod:

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

Mimo że kod HTML pozostaje wysyłany do przeglądarki przy każdym ponownym załadowaniu strony, to pole wyboru zawsze przyjmuje zaznaczoną wartość po wykonaniu ponownego załadowania. Innymi słowy, jeśli użytkownik zaznaczy pole wyboru i załaduje ponownie, pole wyboru jest nadal zaznaczone.

Czy dzieje się tutaj jakieś buforowanie?

Edycja : Wypróbowałem poniższe rozwiązanie Gordona Bella i stwierdziłem, że nadal ma to miejsce, nawet po usunięciu wartości = „1”. Coś jeszcze może mi brakować?

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

Tak, uważam, że to buforowanie. Widzę to zachowanie na przykład w Firefoksie (nie Safari, bo to jest warte :)).

możesz ponownie załadować stronę i ominąć pamięć podręczną (w przeglądarce Firefox) za pomocą CTRL- SHIFT- Ra zobaczysz, że wartość kontrolna nie jest przenoszona (normalna CTRL- jednak Rpobierze informacje z pamięci podręcznej)

edycja : udało mi się wyłączyć tę stronę serwera w przeglądarce Firefox, ustawiając nagłówek kontroli pamięci podręcznej:

Cache-Control: no-store

wydaje się, że wyłącza to funkcję „zapamiętuj wartości formularzy” przeglądarki Firefox

Dodaj autocomplete="off"do elementu formularza na stronie. Wadą jest to, że to nie jest prawidłowy XHTML, ale rozwiązuje problem bez zawiłego javascript.

set autocomplete = "off" z js również działa dobrze.

na przykład używając jquery:

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

To fajna funkcja Firefoksa: jeśli coś wpiszesz, ale ponownie załadujesz stronę, tekst pozostanie w polu tekstowym. To samo dotyczy innych wybranych ustawień.

Niestety, to nie działa w SO (prawdopodobnie resetowane przez JS) i głupszych przeglądarkach, takich jak IE ...

Co sugeruje rozwiązanie: jeśli naprawdę musisz to zrobić, zresetuj formularz za pomocą JS. form.reset () może wykonać zadanie (działa jak przycisk Resetuj).

To jest stare pytanie, ale nadal aktywny problem dla przeglądarki Firefox. Żadna z odpowiedzi Próbowałem rozwiązać go, ale co zrobił go rozwiązać dla mnie było po prostu tak:

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

To po prostu resetuje formularz do domyślnych opcji za każdym razem, gdy strona się ładuje. Nie jest to idealne rozwiązanie, ponieważ tracisz szczegółową kontrolę, ale to jedyna rzecz, która rozwiązała ten problem.

lub zamiast f5 naciśnij enter na pasku adresu :)

Może to być spowodowane buforowaniem przeglądarki - bardzo przydatne w przypadku statycznych witryn internetowych, które nie są zbyt często zmieniane, bardzo niekorzystne w przypadku dynamicznych aplikacji internetowych.
Spróbuj z tymi dwoma metatagami w sekcji głównej strony. Drugi metatag jest przeznaczony dla starszych przeglądarek (IE5), które nie rozpoznają metatagu „no-cache” i chociaż są różne, dają ten sam wynik: każde żądanie trafia do serwera.

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

$ ("# showimage"). prop ("zaznaczone", fałsz);

publiczny pomysł rozwiązania tego problemu

utwórz formularz i przycisk resetowania

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

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