在Blazor中,可以使用@bind
指令来实现这个需求。下面是一个示例代码:
@page "/checkbox"
Checkbox Example
Checkbox 1:
Checkbox 2:
Checkbox 1 value: @Checkbox1Value.ToString()
Checkbox 2 value: @Checkbox2Value.ToString()
@code {
private bool _checkbox1Value;
private bool _checkbox2Value;
private bool Checkbox1Value
{
get => _checkbox1Value;
set
{
_checkbox1Value = value;
if (value)
{
_checkbox2Value = false;
}
}
}
private bool Checkbox2Value
{
get => _checkbox2Value;
set
{
_checkbox2Value = value;
if (value)
{
_checkbox1Value = false;
}
}
}
}
在上面的代码中,我们使用@bind
指令将复选框的值绑定到了两个布尔型的变量Checkbox1Value
和Checkbox2Value
上。当其中一个复选框被选中时,通过设置另一个复选框的值为false
来确保只有一个复选框为true
。