Blazor-如何使两个输入中只有一个复选框返回值为true



我有两个这样的复选框:

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

复选框可以返回true/false。因此,如果选择了第一个,我希望@Advert.BuSe值为true,如果选择第二个复选框,我希望它为false。然而,由于绑定,现在两者都相互关联。

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

试试这个:

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

相关内容

  • 没有找到相关文章

最新更新