Blazor On Parent 单击然后检查子复选框

Question

这是我的 html 目前的样子。

<div class="form-check" @onclick="ChangeCheckboxState">
    <input type="checkbox" id="isActive" class="form-check-input" bind="@MyModel.Active" checked />
    <label class="form-check-label" for="isActive">Is Active?</label>
</div>

我不知道如何在 blazor 中执行的是单击“.form-check”，然后选中子复选框。使用 Javascript 和/或 JQuery 很容易。如果 Blazor 可以轻松处理它但似乎不可能，我会尽量避免使用 JS。

我正在使用代码隐藏方法，创建 ComponentBase 的子类

Answer 1

我不确定你的问题是什么，但是...

您应该添加@bind 而不仅仅是bind

<input type="checkbox" id="isActive" class="form-check-input" @bind="MyModel.Active" checked />

然后做

void ChangeCheckboxState(){
    MyModel.Active = !MyModel.Active;
}