如何默认检查 Blazor 中的 InputRadio 单选按钮

Question

使用 Blazor Server，我尝试在表单中设置一些单选按钮并默认检查第一个按钮。

我在EditForm中使用InputRadio并设置checked =“checked”或checked =“true”，但它不起作用，按钮未选中。

下面的示例代码。 TestModel 是一个具有单个 int 属性（称为 Number）的类。

@page "/Test"

<div>
    <EditForm Model="@_model">
       <InputRadioGroup @bind-Value="_model.Number"> 
            <div>
                <InputRadio id="1radio" Value="1" checked="checked" />
                <label for="1radio">1</label>
            </div>

            <div>
                <InputRadio id="2radio" Value="2" />
                <label for="2radio">2</label>
            </div>
        </InputRadioGroup>

    </EditForm> 
</div>


@code {
    private TestModel _model = new();
}

Answer 1

使用默认的

model

值集实例化您的

Number

。

private TestModel _model = new() { Number = 1 };

Answer 2

我在这里发布了 .net 8 blazor ssr 的一个很好的解决方案： https://stackoverflow.com/a/77931394/9875486