Как отключить поле date_select, когда флажок установлен?

Question

Я определил эти поля:

<%= f.label :acc_type, 'Trial mode' %>
<%= f.check_box :acc_type %>

<%= f.label :expire_date, 'Expire date' %>
<%= f.date_select :expire_date, { discard_day: true, start_year: Date.today.year, end_year: (Date.today.year + 10), required: true }, class: 'form-control' %>

Я бы хотел, чтобы expire_date отключался при установке флажка. Как я могу это сделать?

Заранее спасибо.

Answer 1

вы можете использовать jquery, чтобы сделать это. Это моя идея, вы можете попробовать.

Например:

<%= f.check_box :acc_type, id: "id_check_box" %>
<%= f.date_select :expire_date, { discard_day: true, start_year: Date.today.year, end_year: (Date.today.year + 10), required: true }, class: 'form-control', id: "id_expire_date" %>


<script>
 $('#id_check_box').click(function() {
  if (this.checked) {
   $('select#id_expire_date').attr('disabled', 'disabled');
  } else {
   $('select#id_expire_date').removeAttr('disabled');
  }
 });
</script>