Html 选中复选框时，如何禁用表单的日期选择字段？

我定义了以下字段：

<%= 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' %>

我希望在选中复选框时禁用过期日期。我该怎么做

---

提前谢谢。

您可以使用

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>

$（“#id_复选框”）。单击（函数（）{
如果（选中此项）{
$（'select#id(expire)date'）.attr（'disabled'，'disabled'）；
}否则{
$（'select#id(expire)date'）。removeAttr（'disabled'）；
}
});