Javascript 显示Div而不单击更新表单中的单选按钮

我有一个表单，它使用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>

功能支付（）{
if（document.getElementById（'installmentCheck'）。选中）{
document.getElementById（'instance'）.style.display=“block”；
document.getElementById（'full'）.style.display=“无”；
}else if（document.getElementById（'fullCheck'）。选中）{
document.getElementById（'full'）.style.display=“block”；
document.getElementById（“分期付款”）.style.display=“无”；
}
}
付款计划：

如果我理解正确，您可以有条件地从底部删除

显示：无
CSS
s：

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

是否从您的
分期付款中删除
style=“display:none”
？
  <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>