Почему флажок остается установленным при перезагрузке страницы?

Question

Почему флажок остается установленным при перезагрузке страницы?

Я перезагрузить страницу, которая имеет следующий код:

<label for="showimage">Show Image</label>

<input id="showimage" name="showimage" type="checkbox" value="1" />

несмотря на то, что HTML остается отправленным в браузер одинаково для каждой перезагрузки страницы, флажок всегда принимает проверенное значение при выполнении перезагрузки. Другими словами, если пользователь проверяет флажок и перезагружает, флажок все еще установлен.

здесь происходит какое-то кэширование?

Edit: я попробовал решение Гордона Белла ниже и нашел, что это все еще происходит даже после удаления значения="1". Что-нибудь еще я могу упустить?

<label for="showimage">Show Image</label> 

<input id="showimage" name="showimage" type="checkbox" />

897 8

firefox

8 ответов:

Comments

Ничего не найдено.

Owen · Accepted Answer · 2017-02-19 18:17:42

Да, я считаю, что это кэширование. Я вижу это поведение на Firefox, например (не Safari, для чего это стоит :) ).

вы можете перезагрузить страницу и обойти кэш (в Firefox) с помощью CTRL -SHIFT -R и вы увидите, что значение проверки не несет (нормальный CTRL -R однако захватить информацию из кэша)

edit: я смог отключить эту сторону сервера на Firefox, установка заголовка элемента управления кэшем:
Cache-Control: no-store
это, кажется, отключить функцию "запомнить значения формы" Firefox

TALlama · Accepted Answer · 2012-06-09 03:50:02

добавить autocomplete="off" в элемент формы на странице. Недостатком является то, что это не является допустимым XHTML, но он устраняет проблему без каких-либо запутанных javascript.

RainChen · Accepted Answer · 2010-08-26 02:26:51

set autocomplete= " off " с js также работает хорошо.

например, с помощью jquery:
$(":checkbox").attr("autocomplete", "off");

PhiLho · Accepted Answer · 2008-11-18 23:04:41

Это хорошая особенность Firefox: если вы набираете что-то, но перезагружаете страницу, текст остается в текстовой области. Idem для других настроек, которые вы выбрали.

увы, он не работает в SO (вероятно, сброшен JS) и более тупых браузерах, таких как IE...

которые предлагают решение: если вам действительно нужно это сделать, сбросьте форму с помощью JS. форма.сброс () может выполнить эту работу (действует как кнопка сброса ввода).

Ionuț Staicu · Accepted Answer · 2008-11-19 14:47:19

или вместо f5 нажмите enter в адресной строке:)

Aleksandar · Accepted Answer · 2008-11-19 15:54:25

это может быть связано с кэшированием браузера-очень полезно для статических веб-сайтов, которые не меняются слишком часто, очень плохо для динамических веб-приложений.
попробуйте использовать эти два мета-тега в головной части страницы. Второй мета-тег предназначен для старых браузеров (IE5), которые не распознают мета-тег "no-cache" и хотя разные дают один и тот же результат: каждый запрос отправляется на сервер.
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Expires" CONTENT="-1">

Sumit Mehta · Accepted Answer · 2017-05-15 10:25:18

$("#showimage").prop ("проверено", false);

0

2017-05-15 10:25:18

Mohamed Gomah · Accepted Answer · 2017-09-07 06:14:07

общественная идея решить это

сделать форму и кнопку сброса
<form>
<checkbox>
<reset>
</form>

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