Javascript 在localStorage中选中复选框时如何存储行通过？

*{
框大小：边框框；
}
身体{
背景色：rgb（223255237）；
背景：径向梯度（rgb（223255237），rgb（1969898））；
背景重复：重复；
}
#容器{
边界半径：15px；
利润率：200px自动；
文本对齐：居中；
宽度：490px；
边框：2个实心rgb（126,45,45）；
高度：580px；
背景：径向梯度（rgb（223255237），rgb（1969898））；
盒影：0px 0px 20px 10px#8a3535；
}
p{左边距：5px；
宽度：100%；
字体系列：“Stardos模具”；
字体大小：24px；
颜色：rgb（109,0,0）；
字母间距：15px；
}
：：占位符{
颜色：rgb（94,17,17）；
边框样式：无；
不透明度：0.6；
字体大小：16px；
高度：31px；
}
输入[type=“text”]{
边界：无；
高度：31px；
宽度：200px；
}
#列表：：-webkit滚动条拇指{
背景：rgb（196、98、98）；
}
：-webkit滚动条{
宽度：5px；
}
#clr{
宽度：50px；
高度：31px；
文字装饰：无；
背景色：rgb（184,36,36）；
边界：无；
光标：指针；
颜色：白色；
}
#btn{
宽度：60px；
高度：31px；
文字装饰：无；
背景色：rgb（152230158）；
边界：无；
光标：指针；
}
.线路{
边框：1px实心rgb（184,36,36）；
}
/*清单项目*/
德尔克罗斯先生{
浮动：对；
颜色：rgb（104,36,36）；
字号：18px；
光标：指针；
右边距：12px；
}
#名单{
边缘顶部：25px；
左侧填充：0px；
左边距：87px；
溢出：自动；
身高：57%；
宽度：310px；
/*边框：1px实心rgb（107,25,25）*/
文本对齐：左对齐；
}
img{
宽度：18px；
高度：18px；
}
保险商实验室{
保证金：0；
左侧填充：0；
}
.项目{
字号：18px；
颜色：rgb（122,0,0）；
}
李{
列表样式类型：无；
}
.检查{
右边距：10px；
转换：比例（1.4）；
}
.检查{
文字装饰：线条贯通；
}
.未经检查{
文字装饰：无；
}
/*删除按钮*/
#德尔{
边缘顶部：20px；
宽度：310px；
高度：30px；
左边距：87px；
}
#德拉斯特{
文字装饰：无；
背景色：rgb（184,36,36）；
光标：指针；
高度：27px；
边框：1px实心rgb（184,36,36）；
浮动：左；
颜色：白色；
}
#德拉尔{
文字装饰：无；
背景色：rgb（184,36,36）；
边框：1px实心rgb（184,36,36）；
高度：27px；
光标：指针；
浮动：对；
颜色：白色；
}
#日期{
边缘顶部：15px；
字体系列：“Stardos模具”；
颜色：rgb（109,0,0）；
}

您好，这是一个带有本地存储和一些“记住我”复选框的JSFIDLE 代码的基本内容很简单：

• 首先，您必须将数据保存在本地存储器中才能执行此操作，只需提交包含一些数据的表单即可
• 如果您选中RememberMe并重新加载页面，代码将填充字段，如果没有，则显示数据
• 如果要保存更改，必须再次提交
  如果您想在代码的这一部分中为您的复选框添加一些逻辑：

   if(data.remember != undefined && data.remember){
  document.getElementById("txtUser").value = data.username;
  document.getElementById("txtPass").value = data.password;
  //you can add a validation for you data.remember here which is your checbox checked value
  document.getElementById("chkremember").checked = data.remember;
   }else{
   document.getElementById("result").innerHTML = localStorage.getItem("json");
   }
  

---

希望对您有所帮助

您好，这里有一个带有本地存储的JSFIDLE和一些“记住我”复选框 代码的基本内容很简单：

• 首先，您必须将数据保存在本地存储器中才能执行此操作，只需提交包含一些数据的表单即可
• 如果您选中RememberMe并重新加载页面，代码将填充字段，如果没有，则显示数据
• 如果要保存更改，必须再次提交
  如果您想在代码的这一部分中为您的复选框添加一些逻辑：

   if(data.remember != undefined && data.remember){
  document.getElementById("txtUser").value = data.username;
  document.getElementById("txtPass").value = data.password;
  //you can add a validation for you data.remember here which is your checbox checked value
  document.getElementById("chkremember").checked = data.remember;
   }else{
   document.getElementById("result").innerHTML = localStorage.getItem("json");
   }
  

---

希望它有帮助

您能添加相关的HTML和CSS并使其成为我们可以签出的可行示例吗？在click event listener中，您添加了“checked”类，但在restore函数中，您没有添加这个类是正确的，我不知道如何将checked类添加到restore函数中，以便它存储checked框以及贯穿类的行。我添加了一些额外的代码。JS文件不完整，只有与此问题相关的代码存在。谢谢大家的快速反应！您能添加相关的HTML和CSS并使其成为我们可以签出的可行示例吗？在click event listener中，您添加了“checked”类，但在restore函数中，您没有添加这个类，这是正确的，我不知道如何将checked类添加到restore函数中，以便它存储checked框以及贯穿类的行。我添加了一些额外的代码。JS文件不完整，只有与此问题相关的代码存在。谢谢大家的快速反应！谢谢Stan，我知道如何存储输入值和复选框。这是我一直在挣扎的“底线”。动态生成多个复选框。选中复选框时，输入文本将被划掉。@不选中另一个文件，它将与多个复选框一起工作，这些复选框具有相同的逻辑：提交时保存存储，重新加载时加载存储，也许您需要比较每个复选框的值，如fiddle Thank Stan，我知道如何存储输入值和复选框。这是我一直在挣扎的“底线”。动态生成多个复选框。选中某个复选框时，输入文本将被划掉。@Noud选中另一个文件，它将与多个复选框一起工作，这些复选框具有相同的逻辑，即“提交时保存存储”和“重新加载时加载存储”，也许您需要像此提琴一样比较每个复选框的值