显示Div没有单击单选按钮更新形式

Question

我有一个窗体使用JavaScript来显示div取决于选择了哪个单选按钮。现在我以另一种形式进行更新，我已经应用了相同的java脚本，但在直接显示div时没有点击单选按钮但没有起作用。如何正确做到这一点。任何帮助深表感谢。

<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

如果我理解正确的话，你可能会从底部<div>删除display:none CSSŠ条件：

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

，或者，切换id和name在一个盒子：

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