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

使用更改事件，并从addClass和removeClass方法中的类名中删除.

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

在复选框上单击更改字段集类

1 个答案: