如何通过Checkbox限制jQuery步骤的解决方案

时间:2017-11-29 02:29:21

标签: jquery html

我可以逐步限制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

0 个答案:

没有答案