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