Bootstrap ASP.Net 按钮组在回发时保留值

Question

我有一个带有三个单选按钮的 Bootstrap 按钮组。我还有一个隐藏字段，因此我可以在后面的代码中获取选定的值。按钮的代码是：

<div class="btn-group" data-toggle="buttons" id="parentofit">
    <asp:HiddenField ID="hidValue" runat="server" Value="Beginning" />
    <label class="btn btn-primary" id="label1" runat="server">
        <input type="radio" name="options" id="option1" runat="server">
        Radio 1
    </label>
    <label class="btn btn-primary" id="label2" runat="server">
        <input type="radio" name="options" id="option2" runat="server">
        Radio 2
    </label>
    <label class="btn btn-primary" id="label3" runat="server">
        <input type="radio" name="options" id="option3" runat="server">
        Radio 3
    </label>
</div>

我也有 Javascript 来设置隐藏字段：

$(document).ready(function () {
    $('.btn').click(function () {
        var parent = '#' + $(this).parent().attr('id');
        $(parent).find('input').val($(this).text());
        $(this).addClass("active").siblings().removeClass("active");
    });

当我提交页面时，隐藏字段具有正确的值。当页面重新加载时，按钮组被重置回第一个字段。

如何保留回发的价值？如何以编程方式初始设置值？

TIA

杰夫

Answer 1

您可以在页面加载时捕获表单发布数据并手动设置单选按钮值。

if (Page.IsPostBack && Request.Form["options"] != null)
{
    HtmlInputRadioButton hirb = new HtmlInputRadioButton();
    hirb.Value = Request.Form["options"];
}

更复杂的解决方案是创建您自己的控制适配器来覆盖单选按钮的设计。