选中/取消选中复选框上的锁定/解锁文本输入

Question

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

我对简单的javascript方法感兴趣。

谢谢！

Answer 1

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

<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，可以禁用输入元素。将这两个属性组合在一起会产生所需的行为。