2

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

我正在使用 ASP.NET 4 和最新版本的 Twitter Bootstrap。我有一个 ASP.NET UpdatePanel，其中有按钮组。当按下任何按钮时，将在服务器端执行命令。这会导致 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>
4

1 回答 1

1

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

在回调方法中，您的 javascript 将类似于 -

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

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

于 2013-08-23T01:01:46.863 回答