如何在复选框处于选中状态时将select更改为输入文本？

<input type="checkbox" id="checkbox" onchange="toggleSelect()">
<select id="select" disabled>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

function toggleSelect() {
  var checkbox = document.getElementById("checkbox");
  var select = document.getElementById("select");
  
  if (checkbox.checked) {
    select.disabled = false;
  } else {
    select.disabled = true;
  }
}