为什么我的Blazor单选按钮必须单击两次才能选中，并且在单击复选框时取消选中

Question

我有一个Blazor表单，其中包含一些单选按钮(在InputRadioGroup中(和一些复选框。我有两个问题：

1. 我必须单击两次单选按钮才能选择它
2. 选中后，如果单击复选框，则单选框将取消选中

我在一个新项目中使用Blazer Server.net 6.0模板，通过添加以下组件来重现这个问题：

<EditForm Model="FormModel">
<InputRadioGroup @bind-Value="FormModel.SelectedRadio">
<InputRadio Value="1" /> 1
<InputRadio Value="2" /> 2
</InputRadioGroup>
<InputCheckbox @bind-Value="FormModel.Checkbox"/>
</EditForm>
@code {
private FormData FormModel { get; set; } = new FormData();
public class FormData
{
public string SelectedRadio { get; set; }
public bool Checkbox { get; set; }
}
}

Answer 1

查看代码的修改版本。我已经将FormModel.SelectedRadio更改为int。Inputxxxx是类型化控件，而不是html基控件使用的标准文本。

@page "/"
<EditForm Model="FormModel">
<InputRadioGroup @bind-Value="FormModel.SelectedRadio">
<InputRadio Value=1 /> 1
<InputRadio Value=2 /> 2
</InputRadioGroup>
<InputCheckbox @bind-Value="FormModel.Checkbox"/>
</EditForm>
Selected: @FormModel.SelectedRadio
@code {
private FormData FormModel { get; set; } = new FormData();
public class FormData
{
public int SelectedRadio { get; set; }
public bool Checkbox { get; set; }
}
}