1

マルチパートフォームを自動作成するための優れたプラグインであることは理解していますが、私の要件は非常にシンプルで基本的です。

html：

<form action="">
    <fieldset class="step step1">
        fields ...
        <button class="continue">Continue</button>
    </fieldset>
    <fieldset class="step step2">
        fields ...
        <button class="back">Back</button>
        <button class="continue">Continue</button>
    </fieldset>
    <fieldset class="step step3">
        fields ...
        <button class="back">Back</button>
        <button class="submit">Submit</button>
    </fieldset>
</form>

一度に1つのステップのフィールドセットのみを表示し、続行/戻るボタンを使用してスライド（左から右、またはその逆）したい。

助けていただければ幸いです。

ありがとう！

4

1 に答える 1

1 
$('.step1').siblings().hide(); // hide all except step 1

$('.continue').click(function(){
   $(this).closest('.step').hide().next('.step').show();
   return false;
});
$('.back').click(function(){
   $(this).closest('.step').hide().prev('.step').show();
   return false;
});

簡単なデモ

于 2010-06-16T09:45:34.220 に答える