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

您可以捕获Form Post数据并在页面加载中手动设置单选按钮的值。

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

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