什么在单页上使用多步在php中创建多个表单[关闭]答案

【问题标题】：What To create Multiple form with multistep in php on single page [closed]什么在单页上使用多步在php中创建多个表单[关闭]
【发布时间】：2016-04-27 08:51:43
【问题描述】：

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

【问题讨论】：

什么麻烦。向我们展示您的代码，否则我们可能无法知道问题所在
我会一步一步地告诉你......我做了什么
我是常客我是开放的旅行者
三个单选按钮....点击第一个表单将出现...和其他两个隐藏
请edit您的问题添加信息，而不是使用cmets。

标签： javascript php forms radio-button

【解决方案1】：

我已经创建了一个基本结构，这样当您单击表单 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。并根据您的多步表单相应地更改类。

【讨论】：