Javascript 使用带有复选框的jQuery change（）时遇到问题

我正在尝试添加/删除一些标签和输入框的类和属性，这取决于是否选中复选框

默认情况下，我的复选框设置为不选中。这是我现有的代码

$("#built").change(function()
{
    $("label.readonly").removeClass("readonly");
    $("input.readonly").removeAttr("readonly");
}).change();

由于某种原因，事件没有触发。我做错了什么？谢谢

更新：

这是我的html代码

<label for="address1" class="readonly">Address Line 1</label>

<input type="text" name="address1" class="readonly" readonly="readonly" value="" />

地址行1

---

另外，在复选框被取消选中时，我希望标签和输入分别恢复为只读类和属性的原始状态。

没有理由代码不能工作，可能只是缩进或类似的东西

这是一个与你的功能，它的工作

我刚刚删除了换行符，如下所示：

$("#build").change(function() {
    $("label.readonly").removeClass("readonly");
    $("input.readonly").removeAttr("readonly");
});

页面中的其他地方可能存在其他javascript问题？

删除函数后的

.change（）

，并添加

例如：

我们需要一些HTML信息来查看它是如何构建的。我怀疑onChange事件是否是复选框的合适事件。为什么您的代码没有检查复选框的状态？嗯……看起来是这样，但它没有从输入字段中删除readonly属性。我只是忘记了输入上的“readonly”类，这就是为什么。。。下面是更新后的JSFIDLE：就是这样。谢谢
$("#built").change(function(){
    $("label.readonly").removeClass("readonly");
    $("input.readonly").removeAttr("readonly");
});