Javascript 有没有一个JQuery插件可以像这样处理向导表单?

Javascript 有没有一个JQuery插件可以像这样处理向导表单?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果你点击“调情”,那么你点击“男孩”,然后点击“黑发” 这就像一个javascript向导表单之类的东西…这应该不是很难做到。 您将有步骤,每个步骤都可以保存一个变量 <div id="step1">Flirt</div> <div id="step2">About a boy</div> <div id="step3">Step 3...</div> <div id="step4">Step 4...<

如果你点击“调情”,那么你点击“男孩”,然后点击“黑发”


这就像一个javascript向导表单之类的东西…

这应该不是很难做到。 您将有步骤,每个步骤都可以保存一个变量

<div id="step1">Flirt</div>
<div id="step2">About a boy</div>
<div id="step3">Step 3...</div>
<div id="step4">Step 4...</div>
调情
关于一个男孩
第三步。。。
第四步。。。
然后在jquery脚本中,您将钩住这些步骤中不同元素的点击,并在点击输入的情况下隐藏和显示新步骤

<script>
  $(document).ready(function(){
    $("step1").click(function(){
       //do some checking
    });
  });

    function showStep(step)
    {
       $("#" + step).show();
    }
    function hideAllSteps()
    {
      $("#step1").hide();
      $("#step2").hide();
    }
</script>

$(文档).ready(函数(){
$(“步骤1”)。单击(函数(){
//检查一下
});
});
功能显示步骤(步骤)
{
$(“#”+步骤).show();
}
函数hidealsteps()
{
$(“#步骤1”).hide();
$(“#步骤2”).hide();
}
这只是一个快速的蛮力演示,它应该让您了解使用jquery实现向导类型外观的快速简便方法。它很难看,但它展示了一个概念。

你可以使用一个库。它还允许您使用jQuery构建向导。 检查文档和内部演示