Javascript jQuery:切换字段属性：未选中复选框表示已禁用

我希望能够在选中（“更新数据？”）复选框时编辑多选字段，并在复选框未选中时再次编辑字段

重要的是，选中的状态总是导致能够编辑，同时未选中的意味着字段被禁用，无论我是使用选中的框还是作为未选中的作为初始状态加载表单（我可以保存或）

我找到了几个有用的答案，但在语法上却很难将它们结合到我的解决方案中

下面可以切换一次，然后卡住：

$（函数（）{
$（“#复选框1”）.change（函数（）{
if（$（“#field2”）.attr（'disabled'，！this.checked））{
$（“#字段2”）.removeAttr（“禁用”）；
}否则{
$（“#字段2”）.attr（“禁用”、“禁用”）；
}
});
})

多选
产品1
产品3
产品2
更新数据？

这是您正在寻找的解决方案

$（函数（）{
$（'#字段可编辑'）。更改（函数（）{
$（'#firstname'）.prop（'disabled'，！this.checked）；
})
})

是否要编辑

这是您正在寻找的解决方案

$（函数（）{
$（'#字段可编辑'）。更改（函数（）{
$（'#firstname'）.prop（'disabled'，！this.checked）；
})
})

是否要编辑

只需将您的JS更改为此。您的

change

侦听器的id错误。
监听器应该在

#id_to_update

（输入）上，而不是在作为div的

#checkbox1

上

$(function() {
    $("#id_to_update").change(function() {
        $("#field2").prop('disabled', !this.checked);
    });
})

---

把你的JS改成这个。您的

change

侦听器的id错误。
监听器应该在

#id_to_update

（输入）上，而不是在作为div的

#checkbox1

上

$(function() {
    $("#id_to_update").change(function() {
        $("#field2").prop('disabled', !this.checked);
    });
})

---

你好@Jaco你能粘贴你的html代码吗？请看上文你好@Jaco你能粘贴你的html代码吗？请看上文，这更酷：

$（“#字段可编辑”）.change（function（）{$（“#firstname”）.prop（'disabled'，！this.checked）；}.change（）

这更酷：

$（“#字段可编辑”）.change（function（）{$（'#firstname'）.prop（'disabled'，！this.checked）；}）.change（）