Anzeige von Div ohne Klicken auf Optionsfeld im Aktualisierungsformular

Question

Ich habe ein Formular, das JavaScript verwendet, um ein div anzuzeigen, je nachdem, welcher Optionsfeld ausgewählt wurde. Jetzt in meiner anderen Form für das Update, ich hatte das gleiche Java-Skript angewendet, aber einige Änderungen bei der Anzeige der div, ohne auf das Optionsfeld klicken, aber es hat nicht funktioniert. Wie man es richtig macht. Jede Hilfe wird sehr geschätzt.

<script type="text/javascript"> 
    function payment() { 
    if (document.getElementById('installmentCheck').checked) { 
     document.getElementById('installment').style.display = "block"; 
     document.getElementById('full').style.display = "none"; 
    }else if (document.getElementById('fullCheck').checked) { 
     document.getElementById('full').style.display = "block"; 
     document.getElementById('installment').style.display = "none"; 
    } 
    } 
</script> 


<div class="col-lg-6 "> 
    <div class="form-group"> 
    <label class="control-label"> 
     Payment Scheme : 
    </label> 
    <div class="input-group "> 
     <?php 
     if ($scholarship->scholarship_payment != 'Full') { 
     echo '<input type="radio" onclick="javascript:payment();" name="choosePaymentScheme" id="installmentCheck" value="Installment" checked > Installment &nbsp&nbsp&nbsp'; 
     echo '<input type="radio" onclick="javascript:payment();" name="choosePaymentScheme" id="fullCheck" value="Full"> Full'; 
     }else{ 
     echo '<input type="radio" onclick="javascript:payment();" name="choosePaymentScheme" id="installmentCheck" value="Installment" > Installment &nbsp&nbsp&nbsp'; 
     echo '<input type="radio" onclick="javascript:payment();" name="choosePaymentScheme" id="fullCheck" value="Full" checked> Full'; 
     } 
     ?> 
    </div> 
    </div> 
    <div id="installment" style="display:none"> 
    <div class="form-group"> 
     <input type="text" name="Install" > 
    </div> 
    </div> 
    <div id="full" style="display:none"> 
    <div class="form-group"> 
     <input type="text" name="full" > 
    </div> 
    </div> 
</div> 

Answer 1

Wenn ich Sie richtig verstanden, könnten Sie den display:none CSS vom Boden <div> s bedingt entfernen:

<div id="installment" <?php if($scholarship->scholarship_payment == 'Full'){ echo 'style="display:none"' } ?>> 
    <div class="form-group"> 
     <input type="text" name="Install" > 
    </div> 
    </div> 
    <div id="full" <?php if($scholarship->scholarship_payment != 'Full'){ echo 'style="display:none"' } ?>> 
    <div class="form-group"> 
     <input type="text" name="full" > 
    </div> 
    </div> 

Oder alternativ wechseln id und name in einem Kasten:

<div id="<?php if($scholarship->scholarship_payment != 'Full'){ echo 'installment' } else { echo "full" } ?>"> 
    <div class="form-group"> 
     <input type="text" name="<?php if($scholarship->scholarship_payment != 'Full'){ echo 'Install' } else { echo "full" } ?>" > 
    </div> 
    </div>