Blazor

Question

我有两个这样的复选框：

<EditForm Model="Advert" OnValidSubmit="OnValidSubmit">
<label>true</label> <InputCheckbox class="form-control" @bind-Value="@Advert.BuSe"/>
<label>false</label> <InputCheckbox class="form-control" @bind-Value="@Advert.BuSe"/>
<EditForm>

复选框可以 return true/false。因此，如果选择第一个，我希望 @Advert.BuSe 值为真，如果选择第二个复选框，我希望它为 false.However，现在两者由于绑定而相互链接。

对我来说重要的是我可以显示两个没有任何视觉下拉菜单的复选框。如有任何建议，我们将不胜感激。

Answer 1

试试这个：

<input type="checkbox" checked="@advert.BuSe"  @onchange="@((args) => { advert.BuSe = screen =  (bool) args.Value; } )" />

<input type="checkbox" checked="@advert.BuSe" @onchange="@((args) => { advert.BuSe = screen =  false; } )" />

<div>@screen.ToString()</div>
@code {
    private bool screen;
    private Advert advert = new Advert();

    public class Advert
    {
        public bool BuSe { get; set; }
    }
}

Blazor - 如何仅将两个 return 值的一个输入复选框设置为 true

Blazor - how to make only one input check box of two to return value as true

c#

.net-5