Tại sao hộp kiểm vẫn được chọn khi tải lại trang?

Tôi đang tải lại một trang web có mã sau:

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

Mặc dù HTML được gửi đến trình duyệt giống nhau cho mỗi lần tải lại trang, hộp kiểm luôn nhận giá trị đã chọn khi thực hiện tải lại. Nói cách khác, nếu người dùng chọn hộp kiểm và tải lại, hộp kiểm vẫn được chọn.

Có một số bộ nhớ đệm đang diễn ra ở đây?

Chỉnh sửa : Tôi đã thử giải pháp của Gordon Bell bên dưới và thấy rằng điều này vẫn xảy ra ngay cả sau khi loại bỏ giá trị = "1". Tôi còn thiếu gì nữa không?

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

Vâng, tôi tin rằng đó là bộ nhớ đệm. Tôi thấy hành vi này trên Firefox chẳng hạn (không phải Safari, cho những gì đáng giá :)).

bạn có thể tải lại trang và bỏ qua bộ nhớ cache (trên Firefox) bằng cách sử dụng CTRL- SHIFT- Rvà bạn sẽ thấy giá trị kiểm tra không mang theo (bình thường CTRL- Rsẽ lấy thông tin từ bộ nhớ cache)

chỉnh sửa : Tôi đã có thể tắt phía máy chủ này trên Firefox, đặt tiêu đề kiểm soát bộ nhớ cache:

Cache-Control: no-store

điều này dường như vô hiệu hóa tính năng "ghi nhớ giá trị biểu mẫu" của Firefox

Thêm autocomplete="off"vào phần tử biểu mẫu trên trang. Nhược điểm là đây không phải là XHTML hợp lệ, nhưng nó khắc phục sự cố mà không cần bất kỳ javascript phức tạp nào.

set autocomplete = "off" với js cũng hoạt động tốt.

ví dụ sử dụng jquery:

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

Đó là một tính năng tuyệt vời của Firefox: nếu bạn nhập nội dung nào đó nhưng tải lại trang, văn bản vẫn nằm trong vùng văn bản. Idem cho các cài đặt khác mà bạn đã chọn.

Than ôi, nó không hoạt động trong SO (có thể được đặt lại bởi JS) và các trình duyệt dumber như IE ...

Đề xuất một giải pháp: nếu bạn thực sự cần làm điều đó, hãy đặt lại biểu mẫu bằng JS. form.reset () có thể thực hiện công việc (hoạt động giống như nút đầu vào Đặt lại).

Đây là một câu hỏi cũ nhưng vẫn còn là một vấn đề hoạt động cho firefox. Không có câu trả lời nào mà tôi đã thử giải quyết được nó, nhưng những gì đã giải quyết nó cho tôi chỉ đơn giản là:

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

Điều này chỉ đơn giản là đặt lại biểu mẫu về các tùy chọn mặc định mỗi khi tải trang. Không lý tưởng vì bạn mất kiểm soát chi tiết, nhưng đó là điều duy nhất giải quyết được điều này cho tôi.

hoặc thay vì f5, nhấn enter trên thanh địa chỉ :)

Đó có thể là do bộ nhớ đệm của trình duyệt - rất hữu ích cho các trang web tĩnh không được thay đổi quá thường xuyên, rất không tốt cho các ứng dụng web động.
Hãy thử với hai thẻ meta đó trong phần đầu của trang. Thẻ meta thứ hai dành cho các trình duyệt cũ hơn (IE5) không nhận dạng được thẻ meta "no-cache" và mặc dù khác nhau nhưng lại tạo ra cùng một kết quả: Mỗi yêu cầu sẽ được chuyển đến máy chủ.

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

$ ("# showimage"). prop ("đã kiểm tra", false);

ý tưởng công khai để giải quyết điều đó

tạo biểu mẫu và nút đặt lại

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

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