Question

堆积了，我有一个简单的删除线任务列表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>

谢谢大家

Answer 1

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

您可能希望使用实用程序库来帮助您管理Cookie数据。以下是对此使用jQuery的讨论。

jquery save json data object in cookie

持久的strikethrogh任务列表

1 个答案: