css 记住是否在多个html文件中选中复选框

b1payxdu 于 2023-02-06 发布在其他

关注(0)|答案(1)|浏览(110)

我有一个复选框，在我的网站的每一页，切换黑暗模式，但如果它被选中（黑暗模式启用）和我改变页面，页面默认为建兴模式。我想知道是否有可能设置它，使它会记住如果复选框被选中，并自动检查它在新页面上，这也将是很好的有它记住，所以如果你关闭网站，并重新打开它，以及对模式，你以前选择的，但这不是100%必要的

<!-- checkbox -->

<input type="checkbox" id="toggle">
<label for="toggle" class="togglebtn">
     <i id="toggle-img" class="fa-solid fa-moon"></i>
</label>

css

来源：https://stackoverflow.com/questions/75343089/remember-if-checkbox-checked-across-multiple-html-files

1条答案

按热度按时间

piah890a1#

此代码：

function getFromStorage() {
  document.querySelector('#toggle').checked = localStorage.getItem('dark-mode') === 'true'
}

document.querySelector("#toggle").addEventListener("change", ({ target }) => {
  localStorage.setItem('dark-mode', JSON.stringify(target.checked))
})

window.addEventListener("storage", getFromStorage)
getFromStorage()

赞(0）回复(0）举报 2023-02-06

我来回答

css 记住是否在多个html文件中选中复选框

1条答案

相关问题

热门标签

最新问答