如何在单击复选框时禁用文本区？

<input type="checkbox" id="checkbox" onclick="toggleTextArea()"/>
<textarea id="textarea"></textarea>

<script>
function toggleTextArea() {
  var checkbox = document.getElementById("checkbox");
  var textarea = document.getElementById("textarea");
  textarea.disabled = checkbox.checked;
}
</script>

<input type="checkbox" id="checkbox"/>
<textarea id="textarea"></textarea>

<script>
$(document).ready(function() {
  $("#checkbox").click(function() {
    $("#textarea").prop("disabled", $(this).is(":checked"));
  });
});
</script>

<style>
textarea[disabled] {
  background-color: #ccc;
  color: #999;
  cursor: not-allowed;
}
</style>

<input type="checkbox" id="checkbox"/>
<textarea id="textarea"></textarea>

<script>
var checkbox = document.getElementById("checkbox");
var textarea = document.getElementById("textarea");
checkbox.addEventListener("click", function() {
  textarea.disabled = checkbox.checked;
});
</script>