选中/未选中复选框时锁定/解锁文本输入

lock/unlock text input on checkbox checked/unchecked

本文关键字：锁定 解锁 输入 文本 复选框 选中      更新时间：2023-09-26

我有checkbox和text input。我需要的是通过选中/取消选中相应的复选框来禁用/启用该字段。

我对这方面的纯javascript方法很感兴趣。

谢谢！

实现这一点的最基本方法是：

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

每个input[type=checkbox]元素都有一个属性checked，它表示复选框的状态。可以通过将disabled设置为true来禁用输入元素。将这两种特性结合在一起会产生所需的行为。

相关文章：