Blazor在父项上单击，然后选中子项复选框

这就是我的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很容易。我试图避免使用JS，如果Blazor可以处理它而没有太多麻烦，但似乎不可能

---

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

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

您应该添加

@bind

，而不仅仅是

bind

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

---

我还需要将bind更改为@bind，并删除属性的@@bind=“MyModel.Active”@Grim将其添加到问题中

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