锁复选框选中/解锁文字输入/选中

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来禁用。结合这两个属性会导致所需的行为。