Снять выделение чекбоксов при нажатии кнопки назад

Question

Как сделать обнуление чекбоксов при возвращении на страницу с ними, путем нажатия браузерной кнопки "Назад"?
Были попытки внедрения кода ниже, но это не помогло:
document.addEventListener('DOMContentLoaded', () =>{
  [...document.getElementsByClassName('form-check-input')].forEach(item =>{
    item.checked = false
  })
})

Как еще можно задать данное условие?

Vasily · Answer

Вы можете воспользоваться эвентом popstate:
window.addEventListener("popstate", event => {
   const inputs = document.querySelectorAll(".form-check-input")
   if (inputs) {
      inputs.forEach(input => { 
         input.setAttribute("checked", false) 
      })
   }
}, false)

Как альтернатива, можно снимать "выделения" в тот момент когда пользователь уходит со страницы, для этого замените эвент на pagehide.

Снять выделение чекбоксов при нажатии кнопки назад

One Answer

Add your own answers!

Ask a Question