选中和取消选中复选框上的启用和禁用文本输入

Question

我有复选框和文字输入

我需要的是当我勾选复选框时启用文本输入,并在取消选中复选框时禁用文本输入

我正在使用以下代码,但在选中时取消选中/禁用时会执行反向启用,以便如何根据我的需要调整它.

<input type="checkbox" id="yourBox">
<input type="text" id="yourText">
<script>
document.getElementById('yourBox').onchange = function() {
document.getElementById('yourText').enabled = this.checked;
};
</script>

任何帮助〜谢谢

Answer 1

你只需要!在前面添加一个this.checked.

这是一个显示变化的示例:

document.getElementById('yourBox').onchange = function() {
    document.getElementById('yourText').disabled = !this.checked;
};

<input type="text" id="yourText" disabled />
<input type="checkbox" id="yourBox" />