仅当用户单击 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);
    }
}

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

How can I enable button only when user clicks check box in Blazor

c#

blazor-webassembly