Question

有谁知道如何在Twitter Bootstrap中设置按钮电台组的“活动”按钮？

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

我的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

“活动”类会导致在广播组中选择一个按钮。根据您的代码片段，Button1是加载页面时的默认值。因此，要根据回调值选择一个按钮，您需要确定要选择的按钮，然后使用所选按钮的ID，您将使用Javascripts addclass（）方法

在回调方法中，您的javascript看起来像 -

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

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

在ASP.NET中设置Twitter Bootstrap按钮无线电组的活动状态

1 个答案: