Javascript 使用切换功能更改文本

我让我的复选标记输入有一个切换功能来显示/隐藏输入框，但我试图做的是让两个不同的文本选项随着切换选项淡入（显然，由于选中标记在页面加载时为真，因此在加载时也会显示相应的文本）

当复选框输入为true时，我希望它说，

已启用

当复选框输入为false时，我希望它说，

已关闭

我该怎么做

//选中复选框并在页面加载时输入disbaled
$（'TYemailCheck'）.prop（'checked'，true）；
//选中或取消选中复选框时启用禁用文本输入
功能启用（触发器、目标）{
$（触发器）.on（'change'，函数（）{
$（target.toggle（）；
});
}
TYenable（“TYemailCheck”，“TYemailEnabled”）
您应该包括两个包含文本的
div
，并根据
复选框在它们之间切换


//选中复选框并在页面加载时输入disbaled
$（'TYemailCheck'）.prop（'checked'，true）；
$（“#关闭”）.hide（）；
//选中或取消选中复选框时启用禁用文本输入
功能启用（触发器、目标）{
$（触发器）.on（'change'，函数（）{
$（target.toggle（）；
$（'已启用，'关闭'）.fadeToggle（500）；
});
}
TYenable（“TYemailCheck”，“TYemailEnabled”）

启用关闭
谢谢。我用了你的其他方法，效果很好。我试图让html淡出，但不明白为什么我的看起来如此愚蠢@保罗，还有，我想这是另一个帮助你的解决方案：