Rails-复选框不会更改值

Question

我正在使用带有复选框的simple_form。如果我的复选框已选中，我试图显示表单的一部分。

我的html.erb看起来像这样：

<div class="form-input">
  <h6>Informations de contact</h6>
  <div class="row">
    <div class="col-6 form-inline">
        <p>
            <%= f.check_box :estimation_faite, :id => "estimationCheckbox" %>
        </p>
      <div id="dateEstimation" style="visibility: hidden;">
        <p>
          Date
        </p>
      </div>
    </div>
  </div>

  <%= f.submit "Valider", class: "btn btn-primary" %>
</div>

关联的JS是：

window.addEventListener('load', function() {
  document.getElementById('estimationCheckbox').addEventListener('change', function() {
    var input = document.getElementById('dateEstimation')
    if (this.checked) {
      input.style.visibility = 'visible';
      input.disabled = false;
    } else {
      input.style.visibility = 'hidden';
      input.disabled = true;
    }
 });
});

如果有任何提示，请您帮我。

谢谢