如果使用JavaScript選中了復選框，如何插入今天的日期並禁用輸入

Question

如果選中了“新學生”復選框，我需要顯示今天的日期並將其禁用。

我嘗試制作一個函數並將其添加到change事件的復選框中，然后嘗試制作一個帶有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-->