在 ASP.NET 中设置 Twitter Bootstrap 按钮单选组的活动状态

Posted 2023-03-05

【中文标题】在 ASP.NET 中设置 Twitter Bootstrap 按钮单选组的活动状态

【英文标题】：Setting active state of Twitter Bootstrap button radio group in ASP.NET

【发布时间】：2013-05-20 16:09:48

【问题描述】：

有人知道如何在 Twitter Bootstrap 中设置按钮单选组的“活动”按钮吗？

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

我的更新面板：

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

【参考方案1】：

“活动”类导致在单选组中选择一个按钮。根据您的代码-sn-p，Button1 是加载页面时的默认值。 所以要根据回调的值选择一个按钮，你需要确定要选择哪个按钮，然后使用被选择按钮的id，你将使用javascripts addclass()方法

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

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

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