基于复选框值语法切换TextInputFor只读？

// HTML部分
<input type="checkbox" id="checkbox" onchange="toggleTextInput()" />
<input type="text" id="textInput" />

// JavaScript部分
function toggleTextInput() {
  var checkbox = document.getElementById("checkbox");
  var textInput = document.getElementById("textInput");

  if (checkbox.checked) {
    textInput.readOnly = true;
  } else {
    textInput.readOnly = false;
  }
}