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

Question

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

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

示例代码如下。 TestModel 是一个 class，带有一个名为 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

使用默认 Number 值集实例化您的 model。

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

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

How to check an InputRadio radio button in Blazor by default

html

radio-button

blazor

blazor-editform