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>

復選框可以返回真/假。 所以如果第一個被選中，我希望@Advert.BuSe值為真，如果第二個復選框被選中，我希望它為假。但是，現在兩者由於綁定而相互鏈接。

對我來說重要的是我可以顯示兩個復選框而沒有任何可視下拉菜單。 任何建議，將不勝感激。

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; }
    }
}