时间戳

首页 > 解决方案 > 默认情况下如何在 Blazor 中检查 InputRadio 单选按钮

html - 默认情况下如何在 Blazor 中检查 InputRadio 单选按钮

问题描述

使用 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();
}

标签： htmlradio-buttonblazorblazor-editform

解决方案

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

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

推荐阅读