如何仅当用户单击Blazor中的复选框时才能启用按钮

Question

<button id="btn1" type="submit" disabled="@true">Submit</button>
<input type="checkbox" @onclick="@btn1"=disabled="@false"/>
<button disabled="@isDisable">button</button>

我正在尝试禁用我的提交按钮，只有当用户单击复选框(隐私政策)时才应该启用它；我如何使用Blazor做到这一点？

Answer 1

最直接的方法是将布尔属性绑定到复选框输入，如下所示：

<input type="checkbox" @bind="HasChecked" />
<button type="submit" disabled="@(!HasChecked)">Submit</button>
@code {
private bool HasChecked { get; set; }
}

@bind指向具有布尔值的复选框时，会使用元素的checked状态来确定绑定的属性值。

或者，如果您需要更多的控制，可以绑定@onchange处理程序：

<input type="checkbox" @onchange="HandleCheckboxChange" />
<button type="submit" disabled="@IsDisabled">Submit</button>
@code {
private bool IsDisabled { get; set; }
private void HandleCheckboxChange(ChangeEventArgs args)
{
IsDisabled = !(args.Value is true);
}
}