javascript復選框未保持頁面重新加載狀態

Question

我是javascript新手，並且在haml中編寫了復選框代碼。 現在出現錯誤，我將重新定向到包含錯誤消息的頁面。 但是，當它再次錯誤消息重定向到同一頁面時，無論我之前給出的哪種狀態，復選框都不會保持選中狀態或未選中狀態。 這是我的haml代碼，我還沒有為此編寫任何js代碼。

      %th.checkbox-col
    %span.check
      = check_box_tag('select_all', 'yes', all_selected, {'data' => {'synchbox-trigger' => 'categories'}, class: 'form-nav-input' })

Answer 1

您可以使用localStorage存儲復選框狀態。 像這樣：

localStorage.checkboxOne = 1;

當再次訪問該頁面時，可以通過檢查值來檢查localStorage：

if (parseInt(localStorage.checkboxOne) === 1) {
   document.getElementById("checkbox").checked = true;
}