Javascript 如何使用复选框JQuery禁用输入

我有一个网页，应该可以简化为另一个程序（Ren'Py）编写代码的过程，我用一个按钮添加了3个输入（复选框、文本、文本）。 现在我想使第一个输入被禁用，并且仅在选中复选框时启用

我已经研究了许多其他类似的问题，但似乎没有任何帮助，我在静态运行中对代码进行了修改，因此代码已经存在。但它应该对所有人都有效，即使有新的补充

var i=0//该变量是用于以后的原因，不影响这一点，尚未实现
函数addDialogue（）{
++我
var poseLine='\n'
变量文本=“”
变量断路器=“
”
变量行=位置线+文本+断路器
$（“#dialogeAndCode”）.append（行）
}
函数main（）{
log（“JQuery已加载”）
$（“：复选框”）.change（函数（）{
if（$（this）.hasClass（“pose”））{
$（this）.next（）.prop（“disabled”、！$（this）.is（“：checked”）；
}
} );
}
$（文件）.ready（主）



将复选框动态添加到DOM时

它们在解析主函数时不存在，以便动态执行此操作

而不是

$( ":checkbox" ).change( function() {

试一试

设置事件处理程序时，复选框不存在，因此请在
文档中设置它，并使用，以便选中将来创建的复选框

此外，JQuery不久前不推荐使用
.change（）
方法，并表示只需使用
.on（）
方法进行所有事件绑定

最后，将文本字段默认设置为禁用，因为默认情况下不会选中复选框


var i=0//该变量是用于以后的原因，不影响这一点，尚未实现
函数addDialogue（）{
++我
//将文本框设置为默认禁用
var poseLine='\n'
变量文本=“”
变量断路器=“
”
变量行=位置线+文本+断路器
$（“#dialogeAndCode”）.append（行）
}
函数main（）{
log（“JQuery已加载”）
//在文档上设置事件，但如果事件源
//这是一个复选框
$（文档）.on（“更改”，“输入[type=checkbox]”，函数（）{
if（$（this）.hasClass（“pose”））{
$（this）.next（）.prop（“disabled”、！$（this）.is（“：checked”）；
}
} );
}
$（文件）.ready（主）



谢谢，它现在起作用了不客气，常见的陷阱，永远不会再发生在你身上，回答了一千次，请随意接受答案；-）一旦我能（仍然有计时器的东西）我会
$(document).on("change", ":checkbox", function () {