jQueryのステップを制限する方法チェックボックス

Question

jQueryのステップをチェックボックスで制限できますか？私はこのコードを持っていますが、うまく機能しません。

$("#wizard-h-0").hide(); 
$("#wizard-p-0").hide(); 
$("#wizard-h-1").hide(); 
$("#wizard-p-1").hide(); 
$("#wizard-h-2").hide(); 
$("#wizard-p-2").hide(); 
$("#wizard-h-3").hide(); 
$("#wizard-p-3").hide(); 
$("#submit").on("click", function(){ 
    $("input[type=checkbox]#changedata:checked").each(function() { 
    var changedata = $(this).val(); 
    if(changedata=="first") { 
     $("#wizard-h-0").show(); 
     $("#wizard-p-0").show(); 
    } else if(changedata=="second") { 
     $("#wizard-h-1").show(); 
     $("#wizard-p-1").show(); 
    } else if(changedata=="third") { 
     $("#wizard-h-2").show(); 
     $("#wizard-p-2").show(); 
    } else if(changedata=="forth") { 
     $("#wizard-h-3").show(); 
     $("#wizard-p-3").show(); 
    } 
    }); 
}); 

誰か私は解決するか、他のメソッドライブラリを助けることができますか？ここpreview

Answer 1

詳細については、このコードを試してみてください：JSFiddle

hideAllWizard(); 
$("#submit").on("click", function() { 
    hideAllWizard(); 
    $("input[type=checkbox]:checked").each(function() { 
     var changedata = $(this).val(); 
     if (changedata == "first") { 
      $("#wizard-1").show(); 
     } else if (changedata == "second") { 
      $("#wizard-2").show(); 
     } else if (changedata == "third") { 
      $("#wizard-3").show(); 
     } else if (changedata == "forth") { 
      $("#wizard-4").show(); 
     } 
    }); 
}); 

function hideAllWizard(){ 
    $("#wizard-1").hide(); 
    $("#wizard-2").hide(); 
    $("#wizard-3").hide(); 
    $("#wizard-4").hide(); 
};