J'utilise jquery-steps pour créer un formulaire "interactif" à deux ou trois étapes. Une chose que j'essaye de réaliser est d'afficher/cacher une étape supplémentaire après l'étape 2 (qui serait normalement l'étape finale) qui serait la nouvelle étape finale basée sur la valeur d'une case à cocher. Si elle est cochée, l'étape 3 devrait apparaître, sinon le formulaire serait soumis après l'étape 2. Cependant, je ne sais pas par où commencer!Étapes JQuery: Comment afficher/masquer une étape supplémentaire en fonction de l'entrée de l'utilisateur
C'est ce que j'ai jusqu'ici pour la partie javascript.
$("#wizard").steps({
headerTag: "h1",
bodyTag: "fieldset",
//transitionEffect: "slideLeft",
onStepChanging: function(event, currentIndex, newIndex)
{
//only apply to first step
if (currentIndex === 0 && ($('#opt1').attr('checked')))
{
$("#wizard").steps("insert", 1, {
title: "Step Title",
content: "<p>Step Body</p>"
});
}
return true;
},
onFinished: function (event, currentIndex)
{
var form = $(this);
form.submit();
},
});
La forme complète est disponible sur JSFiddle
S'il vous plaît vérifier la jsFiddle, il y a beaucoup d'erreurs javascript là ... – Dekel
@Codingmedic Vous pouvez vérifier mon script ci-dessous mis à jour. –