クリックイベントのPHPラジオボタンの変更

Question

次のコードを作成しました。何らかの理由で は、ラジオボタンが変更されたときにmy ifイベントをスキップします。 if文はFORMですが、これは問題ではないと思いますか？

<p><?php echo $rijden[$lan][0];?></p><input type="radio" name="JA" id="waarde1" value="waarde1" onClick="gestuurdjanee();"><b>Ja</b> <input type="radio" name="JA" value="waarde0" id="waarde0" onClick="gestuurdjanee();" ><b>Nee</b></br> 
    <?php 
     function gestuurdjanee() { 
      if(document.getElementById("waarde0").checked == true) { 
          //nee?> 
       <p><?php echo $merk[$lan][0];?> <input type="text" name="merk"/></p> 
       <p><?php echo $totaalassen[$lan][0];?> <input type="text" name="totaalassen"/></p> 
       <p><?php echo $gestuurdenassen[$lan][0];?> <input type="text" name="gestuurdenassen"/></p> 
       <p><?php echo $asconfig[$lan][0];?> <input type="text" name="asconfig2"/></p> 
       <p><?php echo $onstype[$lan][0];?> <input type="text" name="typebesturing"/></p> 

     <?php 
      }elseif(document.getElementById("waarde1").checked == true) { 
          //ja?> 
       <p><?php echo $typeconcurent[$lan][0];?> <input type="text" name="typetrailer"/></p> 
       <p><?php echo $asconfig[$lan][0];?> <input type="text" name="asconfig"/></p> 
       <p><?php echo $merk[$lan][0];?> <input type="text" name="merk"/></p> 
       <p><?php echo $onstype[$lan][0];?> <input type="text" name="onstype"/></p> 
       <p><?php echo $gestuurdas[$lan][0];?> <input type="text" name="gestuurdas"/></p> 
      <?php 
     } 
     else { 
      // niksingevuld 
     ?> 
     <?php echo"Vink een van de optie's aan"?> 
     <?php 
      } 
     } 

Answer 1

JSとPHPを組み合わせると動作しません。コメントされているように、PHPはサーバ上で一度だけ実行されます。完了したら、結果をブラウザに表示します。その後、Javascriptが実行されます。

代わりに異なるクラスで3つの部門を作成します。

次に、入力の変更時にイベントをバインドします。

$(function() { 
 
    $('.div1, .div2').hide(); // hide div1 and div2 on page load 
 
    
 
    $('[name=JA]').on('change', function() { // bind an onchange function to the inputs 
 
    if($('[name=JA]:checked').val() == 'waarde1') { // get the value that is checked 
 
     $('.div1').show();  // show div1 
 
     $('.div2, .div3').hide(); // hide other divs 
 
    } 
 
    else { 
 
     $('.div2').show();  // show div2 
 
     $('.div1, .div3').hide(); // hide other divs 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p> 
 
    <?php echo $rijden[$lan][0];?> 
 
</p><input type="radio" name="JA" id="waarde1" value="waarde1"><b>Ja</b> 
 
<input type="radio" name="JA" value="waarde0" id="waarde0"><b>Nee</b></br> 
 

 

 
<div class="div1"> 
 
DIV1 
 
    <p> 
 
    <?php echo $merk[$lan][0];?> <input type="text" name="merk" /></p> 
 
    <p> 
 
    <?php echo $totaalassen[$lan][0];?> <input type="text" name="totaalassen" /></p> 
 
    <p> 
 
    <?php echo $gestuurdenassen[$lan][0];?> <input type="text" name="gestuurdenassen" /></p> 
 
    <p> 
 
    <?php echo $asconfig[$lan][0];?> <input type="text" name="asconfig2" /></p> 
 
    <p> 
 
    <?php echo $onstype[$lan][0];?> <input type="text" name="typebesturing" /></p> 
 
</div> 
 

 
<div class="div2"> 
 
DIV2 
 
    <p> 
 
     <?php echo $typeconcurent[$lan][0];?> <input type="text" name="typetrailer" /></p> 
 
    <p> 
 
     <?php echo $asconfig[$lan][0];?> <input type="text" name="asconfig" /></p> 
 
    <p> 
 
     <?php echo $merk[$lan][0];?> <input type="text" name="merk" /></p> 
 
    <p> 
 
     <?php echo $onstype[$lan][0];?> <input type="text" name="onstype" /></p> 
 
    <p> 
 
     <?php echo $gestuurdas[$lan][0];?> <input type="text" name="gestuurdas" /></p> 
 
</div> 
 
<div class="div3">Vink een van de optie's aan</div>