javascript - HTML 多页表单问题(页面正在刷新)

Question

我在提交多页表单时遇到问题。问题是当我按下下一页按钮时页面正在刷新。我相信这是一个返回真/假的问题，但我不知道问题出在哪里。这是代码:

$(document).ready(function () {
        var info = [];
        function showinfo() {
            for (i=0; i<info.length; i++) {
                $('#step3 ul').append(
                    $('<li>' + info[i] + '</li>')
                );
            };
        };
        $('#step1_btn').click(function() { 
            $("input").each(function() {
                if (input.type != radio) {
                    info.push(this.name+':'+this.value);
                } else if ($('.radio').is(':checked')) {
                    info.push(this.name+':'+this.value);
                }
            });
            $('#step1').css('display','none');
            $('#step2').css('display','inherit');
            $('#progbar').attr('value',33);
            return false;
        });
        $('#step2_btn').click(function() {
            $("input").each(function() {
                if (input.type != radio) {
                    info.push(this.name+':'+this.value);
                } else if ($('.radio').is(':checked')) {
                    info.push(this.name+':'+this.value);
                }
            });
            $('#step2').css('display','none');
            $('#step3').css('display','inherit');
            $('#progbar').attr('value',66);
            showinfo();
            return false;
        });
    });

不确定这是否就是您需要看到的全部内容。如果您还需要查看 html，我可以提供。预先感谢大家可以提供的任何帮助。当别人编写 JavaScript 时，我可以很好地阅读它，但由于某种原因，我自己编写的每次都会陷入灾难。

Answer 1

尝试event.preventDefault() :

$('#step1_btn').click(function(e) { 
   e.preventDefault();
   // your code here
   return false;
});