以下是一个示例代码,演示了如何在一个HTML表单中保存复选框的选择:
保存复选框选择
在这个示例中,我们使用了localStorage对象来保存用户的选择。当用户点击"保存选择"按钮时,我们遍历表单中的复选框,将选中的复选框的值存储到一个数组中,然后使用JSON.stringify方法将数组转换为一个字符串,并将其保存到localStorage中。
在页面加载时,我们使用localStorage.getItem方法获取之前保存的选择,然后使用JSON.parse方法将其转换回数组。然后,我们遍历表单中的复选框,如果复选框的值在之前保存的选择数组中,我们将其选中。
这样,当用户刷新页面或重新打开页面时,之前的选择将被自动恢复。