单击“ Next”按钮的单击，基于无线电按钮选择，如何重定向步骤

Question

在我的Bootstrap的逐步向导中，我希望能够更改它的步骤。这是我正在使用的代码https://bootsnipp.com/snippets/e3mbm。除了第一步，我有一个广播按钮：

<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>

我如何做到这一点，以便选择雄性将其重定向到第3步，而当选择女性时，它将其重定向到第2步？

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

谢谢

Answer 1

使用 toLowerCase()函数匹配案例敏感的字符串，并在显示匹配的步骤

之前隐藏所有步骤

JS代码

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

大写女性和男性：

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