如何在谷歌网站的html中保存点击复选框状态

Question

我希望有复选框，在刷新网站后保存它们的状态(选中或未选中(。

我把我在网上找到的一个非常基本的复选框代码复制到了我为学校创建的网站上，现在我在每个学校科目旁边都有复选框，但当我刷新页面时，它们默认为未选中。我想这是因为数据没有存储在任何地方。

我会把页面的图片和基本代码放在下面：

基本代码我找到llllllllll lllllll网站页面

Answer 1

是的，您必须保存输入数据，例如在localstorage中，如以下

document.querySelectorAll("input[type='checkbox']").forEach(element=>{
// Set the checkbox to the saved state (if any)
element.checked = localStorage.getItem("checkbox_id_" + element.id) === "true"

// When the checkbox changes, save the changes
element.addEventListener("input", (event)=>{
console.log("checkbox_id_" + element.id)
localStorage.setItem("checkbox_id_" + element.id, element.checked);
})
})