使用带有复选框的jQuery change()时遇到问题

时间:2014-02-24 15:12:21

标签: javascript jquery

我正在尝试添加/删除一个类和属性到几个标签和输入框,具体取决于是否选中了复选框。

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

$("#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="" />

此外,在未选中复选框时,我希望标签和输入恢复到原始状态,分别具有只读类和属性。

2 个答案:

答案 0 :(得分:1)

删除该功能后的.change()并添加;

例如:

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

答案 1 :(得分:0)

没有理由你的代码不起作用,可能只是缩进或类似的东西。

这是一个带有你的功能的jsfiddle,它正在运作。

我刚刚删除了换行符:

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

也许页面中的其他地方还有其他javascript问题?