TransWikia.com

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

Stack Overflow на русском Asked on November 27, 2021

Как сделать обнуление чекбоксов при возвращении на страницу с ними, путем нажатия браузерной кнопки "Назад"?

Были попытки внедрения кода ниже, но это не помогло:

document.addEventListener('DOMContentLoaded', () =>{
  [...document.getElementsByClassName('form-check-input')].forEach(item =>{
    item.checked = false
  })
})

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

One Answer

Вы можете воспользоваться эвентом popstate:

window.addEventListener("popstate", event => {
   const inputs = document.querySelectorAll(".form-check-input")
   if (inputs) {
      inputs.forEach(input => { 
         input.setAttribute("checked", false) 
      })
   }
}, false)

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

Answered by Vasily on November 27, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP