Beim Klicken auf die nächste Schaltfläche, basierend auf der Wahl der Optionsschaltfläche, wie Schritte umgeleitet werden?

Question

In meinem Schritt für Schritt Assistenten im Bootstrap möchte ich in der Lage sein, den Schritt zu ändern, zu dem es geht. Dies ist der Code, den ich verwende https://bootsnipp.com/snippets/e3MBM. Abgesehen davon, dass auf der ersten Stufe I ein Optionsfeld habe:

<div class="form-group"> 
    <label for="assessmentType" class="control-label">Choose type</label> 
    <div class="row col-sm-12"> 
     <label class="radio-inline"> 
      <input type="radio" id="female" value="Female" name="radio">Female 
     </label> 

     <label class="radio-inline"> 
      <input type="radio" id="male" value="Male" name="radio">Male 
     </label> 
    </div> 
</div> 

Wie kann ich es so machen, dass, wenn der Mann gewählt wird es Umleitungen zu Schritt 3-und wenn weibliche gewählt wird es Umleitungen zu Schritt 2?

var val = $('input:radio[name=path]:checked').val(); 
switch (val) { 
    case 'female': 
     //show step 2 ? 
     break; 
    case 'male': 
     //show step 3? 
     break; 
    default: 
} 

Danke

Answer 1

Verwenden toLowerCase() Funktion für Groß- und Kleinschreibung String-Matching und verstecken alle Schritte vor dem Schritt

JS Code

var val = $('input:radio[name=path]:checked').val(); 
val = val.toLowerCase(); //change the case with small for matcing 

switch (val) { 
    case 'female': 
//hide all steps 
//then show the step2 
     break; 
    case 'male': 
    //hide all steps 
//then show the step3 
     break; 
    default: 
} 

Answer 2

Versalien- weibliche und männliche angepasst Angezeigt:

var val = $('input:radio[name=path]:checked').val(); 
switch (val) { 
    case 'Female': 
     //show step 2 ? 
     break; 
    case 'Male': 
     //show step 3? 
     break; 
    default: 
}