Blazor On Parent Нажмите, затем установите флажок «Child Child»

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. Я стараюсь избегать использования JS, если Blazor может справиться с этим без особых хлопот, но, похоже, это невозможно.

Я использую подход, основанный на коде, создавая подкласс ComponentBase

Answer 1

Я не уверен, в чем ваша проблема, но ...

Вы должны добавить @bind вместо bind

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

И сделать

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