javascript - 勾选复选框时灰显(禁用)HTML 文本区域

Question

我还不太了解 Javascript，我希望有人能帮助我理解如何解决我的问题:

我的 HTML 表单有一个 checkbox，然后是一个 textarea:

<form>
<input type="checkbox" name="detailsgiven" />
<textarea name="details"></textarea>
</form>

我想要这样，当 checkbox 被勾选时 textarea 被禁用，这样用户就不能点击它并输入文本。

我已经在这里和谷歌上看过了，我找不到任何明确的例子来说明如何去做。

我猜这可以用 Javascript 完成，但我感觉有点力不从心。有人可以向我解释如何执行此操作，最好不使用第三方库吗？

Answer 1

<form>
<input type="checkbox" name="detailsgiven" onchange="toggleDisabled(this.checked)"/>
<textarea name="details" id="tb1"></textarea>
</form>

<script>
function toggleDisabled(_checked) {
    document.getElementById('tb1').disabled = _checked ? true : false;
}
</script>