javascript - 如果使用 javascript 选中复选框，如何插入今天的日期并禁用输入

Question

我需要显示今天的日期，如果选中新学生复选框，则将其禁用。

我尝试创建一个函数并将其添加到更改事件的复选框中，然后我尝试使用 if 语句创建一个应该在 onclick 上工作的函数，但它也不起作用。

我希望它禁用日期字段并将今天的日期设为注册日期。

Check if New Student<br>
<input type="checkbox" id="myCheck" name="New_Student" onclick="document.getElementById('date').disabled=this.checked"><!--If checkbox is checked date box is disabled-->
      <br>
<legend>Enrollment Data</legend>
<label for="sel1">Select Date of Enrollment:</label><br>
<input type="date" name="Enrollmentday" value="EnrollDate" id="date" onchange="checkDate(this);"><!--Gets today's date and puts it as max-->

Answer 1

您需要将值分配给日期输入。我评论了另一种方法，并添加了额外的代码，当再次选中复选框时重置该值，请考虑以下内容:

function onCheck(checkbox) {
  var dateElement = document.getElementById('date');
  dateElement.disabled = checkbox.checked;
  if (checkbox.checked) {
    //dateElement.value = new Date().toISOString().substr(0, 10);
    dateElement.valueAsDate = new Date();
  }
  else
    dateElement.value = '';
}

Check if New Student<br>
<input type="checkbox" id="myCheck" name="New_Student" onclick="onCheck(this);">
<!--If checkbox is checked date box is disabled-->

<br>

<legend>Enrollment Data</legend>
<label for="sel1">Select Date of Enrollment:</label><br>
<input type="date" name="Enrollmentday" value="EnrollDate" id="date" onchange="checkDate(this);">
<!--Gets today's date and puts it as max-->