是否有用于检查列表的jQuery插件?

是否有用于检查列表的jQuery插件?,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在尝试创建一些一步一步的在线说明,我希望用户在执行过程中检查他们完成的步骤 理想情况下,每个步骤旁边都会有一个复选框。当他们单击它时,它将划掉该步骤并显示为已完成 有这样的插件吗?你真的不需要插件。假设您有以下标记: <ul> <li><input type="checkbox">Step 1</li> <li><input type="checkbox">Step 2</li> <li&g

我正在尝试创建一些一步一步的在线说明,我希望用户在执行过程中检查他们完成的步骤

理想情况下,每个步骤旁边都会有一个复选框。当他们单击它时,它将划掉该步骤并显示为已完成


有这样的插件吗?

你真的不需要插件。假设您有以下标记:

<ul>
  <li><input type="checkbox">Step 1</li>
  <li><input type="checkbox">Step 2</li>
  <li><input type="checkbox">Step 3</li>
  <li><input type="checkbox">Step 4</li>
</ul>
  • 第一步
  • 步骤2
  • 步骤3
  • 步骤4
这将在选中时删除项目,并在未选中时将其删除:

$('[type="checkbox"]').click(function(){
    var element = $(this).parent();
    if ($(this).is(':checked')) {
       element.wrap('<del>');
    } else {
       element.unwrap('<del>');
    }
});
$('[type=“checkbox”]')。单击(函数(){
var元素=$(this.parent();
如果($(this).is(':checked')){
元素。包裹(“”);
}否则{
元素。展开(“”);
}
});
演示:

只需确保为
设置了正确的CSS,这样它就会出现一行,类似于
del{text-decoration:line-through;color:#f00}


为了保存从一个页面/步骤到下一个页面/步骤的进度,您必须决定什么对您有意义。

您需要插件吗?您只需在checkbox live事件上使用一行javascript就可以将一个类(带删除线样式)应用到下一个div或p或其他任何内容。这非常酷!但我忘了提一件事。我需要检查表来记住用户的设置,这样他们可以在几天内使用检查表。那是用饼干做的吗?这真的很复杂吗?这完全取决于您的应用程序,插件无法为您猜测。我假设你使用cookies或数据库。没有一个明确的规范,很难说更多。有很多资源可供学习这些选项中的任何一个-让我看看是否可以找到一些。。。这是给匿名用户的还是给注册用户的?你需要存储多长时间的数据,数据是什么,等等?这将是匿名用户,我想存储设置至少一周。数据只是文本字符串。基本的分步说明,他们可以在执行时核对。