在jQuery中基于复选框切换输入上禁用的属性

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

 I am a full-time student.  

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

如果用户选中该框，则应从以下输入中删除“已禁用”属性。 如果用户取消选中，则应再次禁用。

在StackOverflow上找到了几个类似的问题，但似乎没有一个确切的用例。

Answer 1

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

现场演示

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

Answer 2

首先给你的复选框一个id

然后在其单击处理程序中，获取文本框，并将其disabled 属性设置为复选框的checked 属性的当前值的倒数：

 $('#cbFullTime').click(function() { var cbIsChecked = $(this).prop('checked'); $('#disabledInput').prop('disabled', !cbIsChecked); }); 

---

请注意，虽然使用attr和removeAttr会起作用（假设您没有使用完全jQuery 1.6），使用prop函数会更简单一些，并且更加正确。 有关更多信息，请查看此链接

Answer 3

试试下面的内容

 $(".checkbox").find("checkbox").click(function() { $('#disabledInput').prop('disabled', $(this).prop('checked')); });