Javascript本地存储不是存储所有内容

所以我想将本地存储添加到这个项目中，但它只保存了前两个复选框，而不是所有复选框。我想做一个习惯跟踪器，你要检查你完成的天数，因此当你重新加载页面时，你完成习惯的天数会被检查出来。到目前为止，我只有页面的基本布局，没有实际的习惯部分或样式。我试着先处理复选框部分

任何帮助都将不胜感激。代码如下：

HTML

本地存储测试
Habbit跟踪器

添加


星期一


星期二


星期三


星期四


星期五


星期六


星期日

Javascript

函数保存（）{
var checkbox1=document.getElementById（'Mon'）；
localStorage.setItem（'monday'，checkbox1.checked）；
var checkbox2=document.getElementById（'Tue'）；
localStorage.setItem（“星期二”，复选框2.checked）；
var checkbox3=document.getElementById（'Wed'）；
localStorage.setItem（“星期三”，复选框3.checked）；
var checkbox4=document.getElementById（'Thu'）；
localStorage.setItem（“星期四”，复选框4.checked）；
var checkbox5=document.getElementById（'Fri'）；
localStorage.setItem（'friday'，checkbox5.checked）；
var checkbox6=document.getElementById（'Sat'）；
localStorage.setItem（'saturday'，checkbox6.checked）；
var checkbox7=document.getElementById（'Sun'）；
localStorage.setItem（'sunday'，checkbox7.checked）；
}
函数加载（）{
var checked1=JSON.parse（localStorage.getItem（'monday'）；
document.getElementById（“Mon”）.checked=checked1；
var checked2=JSON.parse（localStorage.getItem（“星期二”）；
document.getElementById（“Tue”）.checked=checked2；
var checked3=JSON.parse（localStorage.getItem（'星期三'）；
document.getElementById（“Wed”）.checked=checked3；
var checked4=JSON.parse（localStorage.getItem（'星期四'）；
document.getElementById（“Thu”）.checked=checked4；
var checked5=JSON.parse（localStorage.getItem（'friday'）；
document.getElementById（“Fri”）.checked=checked5；
var checked6=JSON.parse（localStorage.getItem（'saturday'）；
document.getElementById（“Sat”）.checked=checked6；
var checked7=JSON.parse（localStorage.getItem（'sunday'）；
document.getElementById（“Sun”）.checked=checked7；
}
加载（）；

这3个输入文件的ID错误

    <input onclick="save()" type="checkbox" id="Thu">Wednesday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Fri">Thursday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Sun">Friday</input>
    <br>

将您的html更改为：

    <input onclick="save()" type="checkbox" id="Wed">Wednesday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Thu">Thursday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Fri">Friday</input>
    <br>

星期三


星期四


星期五

---

它将工作

这3个输入文件的ID是错误的

    <input onclick="save()" type="checkbox" id="Thu">Wednesday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Fri">Thursday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Sun">Friday</input>
    <br>

将您的html更改为：

    <input onclick="save()" type="checkbox" id="Wed">Wednesday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Thu">Thursday</input>
    <br>
    <input onclick="save()" type="checkbox" id="Fri">Friday</input>
    <br>

星期三


星期四


星期五

---

它会起作用的

旁注：当你发现自己在编写大量重复的、几乎完全相同的代码时，请假设有更好的方法。提示：循环。请查看您的ID。您错误地指定了星期三、星期四和星期五的ID。旁注：当您发现自己在编写大量重复、几乎相同的代码时，请假设有更好的方法。提示：循环。请查看您的ID。您错误地指定了星期三、星期四和星期五的ID。