在jQuery中基于Checkbox切换输入上的禁用属性

Question

我有一个默认情况下未选中的复选框,默认情况下禁用输入.

<label class="checkbox span3"><input type="checkbox"> I am a full-time student.</label>
<input class="inputIcon span3" id="disabledInput" type="text" placeholder="Enter School Name" disabled>

我完全控制了类和id名称,并且该站点使用jQuery,因此可以根据需要使用它或普通的javascript.

如果用户选中该框,则应从以下输入中删除"已禁用"属性.如果用户取消选中,则应再次禁用.

在StackOverflow上发现了几个类似的问题,但似乎没有一个确切的用例.

Answer 1

您必须将id分配给复选框以将单击绑定到特定复选框,

现场演示

<input type="checkbox" id="chk">

$("#chk").click(function(){   
    $("#disabledInput").attr('disabled', !this.checked)
});