Javascript 在突出显示表记录的同时刷新页面时保持单击复选框的结果不变

下面的代码是为了完成2个函数而编写的 1.单击复选框时高亮显示表格记录 2.在刷新页面时保持结果不变 但使用这段代码时，表记录不会突出显示，刷新时页面也不会保持结果相同。 我之前也发过同样的问题，有些人建议我使用localstorage。我也试过了。但是我的知识太贫乏了，以至于我不能完全理解给出的解释。非常感谢您的帮助，因为我必须将此作为我的大学作业提交

cb3.highlight.label{背景色：黄色；} cb2.highlight.label{背景色：绿色；} cb1.highlight.label{背景色：红色；} } Array.prototype.remove=函数{ var what，a=参数，L=a.length，ax； 而L&&this.length{ what=a[-L]； 而ax=this.indexOfwhat！=-1{ 这是1.1； } } 归还这个； }; 检查的var=[]； $document.readyfunction{ 如果localStorage.getItemchecked==null localStorage.setItemchecked，checked； $Table input.clickfunction{ 如果$this.is:已选中{ $this.parent.parent.addClasscb3.highlight.label； 选中。按$this.attrcb3； }否则{ $this.parent.parent.removeClasscb3.highlight.label； 选中。删除$this.attrcb3； } localStorage.setItemchecked，JSON.stringifychecked； }; var saved=JSON.parselocalStorage.getItemchecked； 对于变量i=0；i有几件事需要解决： 您已经将同一段代码重复了三次，如果您这样做是因为有3个复选框，那么它不是必需的。您已经使用了一个选择器，它将选中所有三个复选框，并为单击附加事件处理程序

您添加的类是错误的，只需给出要添加到“addClass”方法的类的名称

$this.attrcb3错误，您要使用$this.attrname

cb3.highlight.label{背景色：黄色；} cb2.highlight.label{背景色：绿色；} cb1.highlight.label{背景色：红色；} } Array.prototype.remove=函数{ var what，a=参数，L=a.length，ax； 而L&&this.length{ what=a[-L]； 而ax=this.indexOfwhat！=-1{ 这是1.1； } } 归还这个； }; $document.readyfunction{ 检查的var=[]； $Table input.clickfunction{ 如果$this.is:已选中{ $this.parent.parent.addClasshighlight标签； 选中。推送$this.attrname； }否则{ $this.parent.parent.removeClasshighlight标签； 选中。删除$this.attrname； } localStorage.setItemchecked，JSON.stringifychecked； }; 如果localStorage.getItemchecked！==空的{ var saved=JSON.parselocalStorage.getItemchecked； 对于变量i=0；i存储数据最多需要多少字节？如果你想存储小于4MB的数据，你也可以使用。我只想存储3个状态复选框。我如何使用cookies？这是答案中的JSFIDLE链接。你能详细说明一下吗？我刚刚查看了你的代码。每次单击都绑定3个函数。您熟悉jQuery吗？非常感谢您指出我的错误，Dij先生。你的解决方案非常有效。在此代码中，我尝试删除并包含Dij先生I include图像中的id=cb1，该图像描述了我的项目应该是什么。根据要求，所有3个复选框应位于同一行中。然后用户单击开始、暂停或停止复选框。