Question

我创建了以下代码。出于某种原因，当radiobutton发生变化时，它会跳过我的if事件。 if if statment是一个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就会运行。

而是创建具有不同类的三个分区。

然后在更改输入时绑定事件。

另见我的代码中的评论：

＆＃13;

$(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
    }
  });
});

＆＃13;

<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>

＆＃13;

单击事件更改时的PHP radiobutton

1 个答案: