jquery - 在 ASP.NET 中设置 Twitter Bootstrap 按钮单选组的事件状态

Question

有谁知道如何在 Twitter Bootstrap 中设置按钮单选组的“事件”按钮？

我正在使用 ASP.NET 4 和最新版本的 Twitter Bootstrap。我有一个 ASP.NET UpdatePanel，其中有按钮组。当按下任何按钮时，服务器端就会执行命令。这会导致回发，我认为这会导致组的状态被重置。我想要的是在页面加载时设置“选定值”，因为数据库中可能已经存在一个值。如果单击另一个按钮，我希望更新数据库并让该按钮在回发后保持“事件”按钮。

我的更新面板:

<asp:UpdatePanel ID="upPreference" runat="server">
    <ContentTemplate>
        <div class="btn-group" id="preferences" data-toggle="buttons-radio">
            <asp:Button ID="Button1" runat="server" Text="None" 
                          CssClass="btn btn-primary active" 
                                      OnClick="btnPreferenceNone_Click" />
            <asp:Button ID="btnPreferenceDislike" runat="server" Text="Dislike"
                          CssClass="btn btn-primary" 
                                    OnClick="btnPreferenceDislike_Click" />
            <asp:Button ID="btnPreferenceLike" runat="server" Text="Like" 
                  CssClass="btn btn-primary" OnClick="btnPreferenceLike_Click" />
            <asp:Button ID="btnPreferenceIntolerant" runat="server" 
                   Text="Intolerant" CssClass="btn btn-primary" 
                                      OnClick="btnPreferenceIntolerant_Click" />
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

Answer 1

类“active”导致在单选按钮组中选择一个按钮。根据您的代码片段，Button1 是加载页面时的默认值。因此，要根据回调的值选择按钮，您需要确定要选择哪个按钮，然后使用所选按钮的 id，您将使用 Javascripts addclass() 方法

在回调方法内，您的 JavaScript 看起来像 -

$('button selctor').addclass('active');

您也可以引用-Bootstrap Button Radio Group Default Value (Check Attribute) Not Working