什么 在单个页面上创建具有 php 多步骤的多个表单

What To create Multiple form with multistep in php on single page

本文关键字：表单 php 单个页 创建 什么      更新时间：2023-09-26

我有 3 个单选按钮，单击每个按钮时都会出现一个表单，每个表单中都会有 3 个步骤。我创建了一个带有单选按钮单击多步骤的表单。但是我在创建其他两个时遇到了麻烦。请帮帮我

我创建了一个基本结构，因此当您单击表单 1 单选按钮时，表单 1 主将打开，表单 2 和表单 3 的过程相同。 

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<style type="text/css">
    .dsp_none
    {
        display:none;
    }
</style>
<input type="radio" class="form1" name="form1"/>Form1 <br>
<input type="radio" class="form2" name="form1" />Form2 <br>
<input type="radio" class="form3" name="form1" />Form3 <br>
<div class="form1_form dsp_none">
    This is form1
</div>
<div class="form2_form dsp_none">
    This is form2
</div>
<div class="form3_form dsp_none">
    This is form3
</div>
<script type="text/javascript">
    jQuery('document').ready(function(){
        jQuery('.form1').click(function(){
            jQuery('.form1_form').css('display','block');
            jQuery('.form2_form').css('display','none');
            jQuery('.form3_form').css('display','none');
        });
        jQuery('.form2').click(function(){
            jQuery('.form2_form').css('display','block');
            jQuery('.form3_form').css('display','none');
            jQuery('.form1_form').css('display','none');
        });
        jQuery('.form3').click(function(){
            jQuery('.form3_form').css('display','block');
            jQuery('.form1_form').css('display','none');
            jQuery('.form2_form').css('display','none');
        });
    });
</script>

只需要粘贴您在div 中为一个多步骤表单创建的代码，该类是form1_form、form2_form、form3_form，并相应地更改多步骤表单的类。

相关文章：