javascript - 单击复选框更改字段集类

Question

我想在单击复选框时更改字段集的类。

这是我的:

jquery

$(document).ready(function(){
    $("#<%=cbLimit.ClientID%>").click(function () {
        $("#fsLimit").removeClass(".active");
        $("#fsLimit").addCLass(".inactive");
    });
});

CSS

.active {
    border: 1px solid #3f90cb;
    padding: 10px;      
    margin: 10px;       
}    
.inactive {
    border: 1px solid #F0F0F0;
    padding: 10px;      
    margin: 10px;     
}

asp

<fieldset id="fsLimit" class="active" >
    <legend >
        <asp:CheckBox ID="cbLimit" runat="server" /><asp:Label ID="lblLimit" runat="server" AssociatedControlId="cbLimit" text="Limit"/>
    </legend>
    <!--Some stuff-->
</fieldset>

没有任何反应。我试图在 .click-function 中放置一个警报并且效果很好。谁能告诉我我做错了什么？

Answer 1

使用 change 事件，并在 addClass 和 removeClass 方法中从类名中删除 .

$("#<%=cbLimit.ClientID%>").change(function () {
    $("#fsLimit").removeClass("active"); //Removed .
    $("#fsLimit").addCLass("inactive"); //Removed .
});