ASP.NET服务端从数据库读取并加载单选按钮值的实现问题

核心问题说明 #

你之前用Request.Form赋值失败，是因为Request.Form是只读集合，且仅在POST请求时存储提交的表单数据，GET请求的OnGet方法中无法通过它来设置控件状态。下面根据你的场景提供两种可行方案：

方案1：使用Razor Pages原生绑定（推荐，无需runat="server"） #

这种方式更符合Razor Pages的开发规范，避免服务器控件的冗余：

1. 在PageModel中定义公共属性 #

在你的.cs文件里，添加用于存储选中值的公共属性：

public class FoodPageModel : PageModel
{
    // 存储从数据库获取的foodId
    public int SelectedFoodId { get; set; }

    public void OnGet()
    {
        // 替换为你的数据库查询逻辑，获取foodId
        SelectedFoodId = GetFoodIdFromDatabase();
    }

    // 模拟数据库查询方法
    private int GetFoodIdFromDatabase()
    {
        return 2; // 示例值，实际从数据库读取
    }
}

2. 前端页面绑定选中状态 #

在.cshtml中，通过模型属性判断每个单选按钮的checked状态：

<!-- 单选按钮组，name属性统一为你指定的名称 -->
<input type="radio" name="foodGroup" value="1" @(Model.SelectedFoodId == 1 ? "checked" : "") /> 米饭
<input type="radio" name="foodGroup" value="2" @(Model.SelectedFoodId == 2 ? "checked" : "") /> 面条
<input type="radio" name="foodGroup" value="3" @(Model.SelectedFoodId == 3 ? "checked" : "") /> 包子

方案2：保留runat="server"服务器控件 #

如果你坚持使用Web Forms风格的服务器控件，直接给控件的Checked属性赋值即可：

1. 在PageModel中声明服务器控件 #

在.cs文件里，声明对应ID的服务器控件：

public class FoodPageModel : PageModel
{
    // 声明服务器控件，ID要和前端一致
    protected RadioButton rbRice;
    protected RadioButton rbNoodle;
    protected RadioButton rbBun;

    public void OnGet()
    {
        int foodId = GetFoodIdFromDatabase();

        // 根据foodId设置对应单选按钮的选中状态
        switch(foodId)
        {
            case 1:
                rbRice.Checked = true;
                break;
            case 2:
                rbNoodle.Checked = true;
                break;
            case 3:
                rbBun.Checked = true;
                break;
        }
    }

    private int GetFoodIdFromDatabase()
    {
        return 2; // 示例值
    }
}

2. 前端服务器控件代码 #

确保.cshtml中的控件ID和后台声明一致，且GroupName统一：

<asp:RadioButton ID="rbRice" runat="server" GroupName="foodGroup" Text="米饭" Value="1" />
<asp:RadioButton ID="rbNoodle" runat="server" GroupName="foodGroup" Text="面条" Value="2" />
<asp:RadioButton ID="rbBun" runat="server" GroupName="foodGroup" Text="包子" Value="3" />

内容的提问来源于stack exchange，提问作者Nastaran