0

堆积如山，我有一个简单的删除线任务列表 html 脚本，它工作正常，但是，我希望浏览器存储数据并持久保存，这样如果我刷新页面或回到任务列表以后我仍然会完成已经完成的任务。

这是我的html代码：

<!doctype html public "-//w3c//dtd html 3.2//en">
 <html>
   <head>
     <title>Demo of Strikethrough JavaScript string object</title>
     <script type="text/javascript">
       function my_fun(j){
         var chkbox ="ckb" + j;
         var my_span ="my_span" + j;
         var msg = chkbox + " " + my_span;
         if(document.getElementById(chkbox).checked){ 
           document.getElementById(my_span).style.textDecoration='line-through';
         }else{
           document.getElementById(my_span).style.textDecoration='none';
         }
      }
    </script>
  </head>
  <body>

    <form name=form1 method=post action=check.php>
      <input type=checkbox id=ckb1 value=1 onclick=my_fun(1);><span id='my_span1'>This is job         number 1</span> <br>
      <input type=checkbox id=ckb2 value=2 onclick=my_fun(2);><span id='my_span2'>This is job number 2</span> <br>
      <input type=checkbox id=ckb3 value=3 onclick=my_fun(3);><span id='my_span3'>This is job number 3</span> <br>
    </form>
  </body>
</html>

谢谢你们

4

1 回答 1

0

如果您想要一种独立于浏览器的方法，您可能希望将其存储在 cookie 中，然后在加载时重新读取数据。

您可能希望使用实用程序库来帮助您管理 cookie 数据。这是关于为此使用 jQuery 的讨论。

jquery在cookie中保存json数据对象

于 2014-01-27T00:23:53.553 回答