2016-04-27 4 views
0

Ich habe 3 Radiobuttons, beim Klicken auf jedes von ihnen ein Formular erscheint, und in jedem Formular 3 Schritt wird da sein.Ich habe ein Formular mit mehreren Schritten im Radio erstellt Klicken Sie auf die Schaltfläche. Aber ich habe Probleme bei der Erstellung der anderen beiden. Bitte helfen Sie mirWas zu erstellen Multiple-Format mit mehreren Schritten in PHP auf einer einzigen Seite

+0

Welche Art von Ärger. Zeigen Sie uns Ihren Code, sonst können wir nicht wissen, was los ist – dimlucas

+0

Schritt für Schritt zeige ich Ihnen ... was ich getan habe –

+0

Ich bin regelmäßig Travellor Ich bin offen Travellor –

Antwort

0

Ich habe eine Grundstruktur erstellt, so dass, wenn Sie auf Formular 1 Radio-Button klicken Sie Formular 1 Haupt wird geöffnet und der gleiche Prozess wird für Formular 2 und Form 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> 

Nur müssen Sie Ihren Code einzufügen, die Sie für ein in div mehrstufigen Form erstellt haben, die Klasse ist form1_form, form2_form, form3_form. und ändern Sie die Klasse entsprechend Ihrer mehrstufigen Form.

Verwandte Themen