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

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

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;
  }
}