javascript - 启用和禁用复选框上的文本输入已选中和未选中

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" />