持久的罢工任务列表答案

【问题标题】：Persistent strikethrogh task list持久的罢工任务列表
【发布时间】：2014-01-26 22:58:06
【问题描述】：

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

谢谢大家

【问题讨论】：

标签： javascript html list persistent strikethrough

【解决方案1】：

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

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

jquery save json data object in cookie

【讨论】：