ASP.NET Core Blazor的 InputRadioGroup绑定失败

前端开发 2026-07-09

我想用ASP.NET Core Blazor将一组单选按钮绑定到模型。

可惜我没能让它工作，尽管我在网上查了很多。

以下是唯一的Index.razor文件的代码：

@page "/"
<!doctype html>
<html lang="en">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
  <title>Example</title>
</head>
<body>
  <div class="container">
    <div class="jumbotron">
      <EditForm EditContext="editContext" FormName="uniqueForm">
        <fieldset class="row mb-3">
          <legend class="col-form-label col-sm-2 pt-0">Checksum type:</legend>
          <div class="col-sm-10">
            <InputRadioGroup Name="number" @bind-Value="model.Selected">
            <div class="form-check">
              <InputRadio Name="number" Value="1" class="form-check-input" />
              <label class="form-check-label">
                One
              </label>
            </div>
            <div class="form-check">
              <InputRadio Name="number" Value="2" class="form-check-input" />
              <label class="form-check-label">
                Two
              </label>
            </div>
            </InputRadioGroup>
          </div>
        </fieldset>
      </EditForm>
      <div>
        Selected: @model.Selected
      </div>
    </div>
  </div>
</body>
</html>

@code
{
  private Model model = new();

  private EditContext? editContext;

  protected override void OnInitialized()
  {
    model = new();
    editContext = new EditContext(model);
  }

  public class Model
  {
    public int Selected { get; set; }
  }
}

我已经把单选输入的值绑定到了model.Selected。

接着我打算在一个单独的

中使用它们，正如标记末尾所示。

但在网页上点击单选按钮时，那个div没有任何变化，只显示0。

你知道这是为什么吗？是不是和我的整体应用设置有关？我可以提供这个网页项目的所有文件。我使用的是Visual Studio Code。