Razor 页面上的单选按钮不返回值

Question

呈现页面时，Gender 的值设置（选中）为 Male，但是当按下提交按钮时，返回的 Gender 值为空，无论是否选中 Male 或 Female。

剃刀页面：

@page
@model IndexModel
        <form method="post">
            <div class="form-group">
                <div>
                    Male: @Html.RadioButton("Gender", "Male")
                    Female: @Html.RadioButton("Gender", "Female")
                </div>
            </div>
            <div class="form-group">
                <input type="submit" value="Submit" class="btn btn-primary" />
            </div>
        </form>

CS页面：

using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

namespace Test.Pages
{
    public class IndexModel : PageModel
    {
        public string? Gender { get; set; }

        public async Task OnGet()
        {
            Gender = "Male";

        }

        public async Task<IActionResult> OnPost()
        {

            var test = Gender;

            return Page(); 
        }
    }
}

我试图让程序的用户检查男性或女性并将该值返回给程序。

Answer 1

尝试使用 BindProperty 属性：

[BindProperty]
public string? Gender { get; set; }