如何在使用javascript选中复选框时插入今天的日期并禁用输入

在使用JavaScript选中复选框时插入今天的日期并禁用输入，可以通过以下步骤实现：

首先，需要在HTML中创建一个复选框和一个用于显示日期的输入框。可以使用以下代码：

<input type="checkbox" id="checkbox" onchange="toggleDateInput()">
<input type="text" id="dateInput" disabled>

接下来，在JavaScript中编写函数来处理复选框的状态变化，并插入日期到输入框中。可以使用以下代码：

function toggleDateInput() {
  var checkbox = document.getElementById("checkbox");
  var dateInput = document.getElementById("dateInput");

  if (checkbox.checked) {
    var today = new Date();
    var day = String(today.getDate()).padStart(2, '0');
    var month = String(today.getMonth() + 1).padStart(2, '0');
    var year = today.getFullYear();
    var formattedDate = year + "-" + month + "-" + day;
    
    dateInput.value = formattedDate;
    dateInput.disabled = true;
  } else {
    dateInput.value = "";
    dateInput.disabled = false;
  }
}