Blazor Web Server中InputCheckbox的ValueChanged事件实现问题

问题原因 #

在EditForm上下文里，InputCheckbox的状态会和绑定的Model属性自动同步。你当前的代码里，ValueChanged回调只处理了状态变化逻辑，但没有更新Model的member.Adegree12属性，导致EditForm在交互后用Model的原始值重新渲染控件，复选框就会立刻切回原来的状态。

修正方案 #

1. 更新ValueChanged回调，同步Model属性 #

首先修改你的回调方法，确保在状态变化时更新Model：

private void ADegreeSelectionChanged(bool isChecked)
{
    // 必须同步更新Model属性，保持和控件状态一致
    member.Adegree12 = isChecked;
    
    // 在这里添加显示/隐藏文本字段的逻辑
    // 比如：ShowTextField = isChecked;
}

2. 修正InputCheckbox的绑定代码 #

方式一：使用@bind-Value简化绑定

推荐用这种更简洁的写法，自动维护Value、ValueChanged和ValueExpression的同步：

<EditForm id="formMember" Model="@member">
    <InputCheckbox 
        id="Adegree12" 
        class="form-check-input" 
        @bind-Value="member.Adegree12"
        ValueChanged="ADegreeSelectionChanged" />
</EditForm>

方式二：手动指定Value/ValueChanged/ValueExpression

如果需要保留手动拆分的写法，确保Value绑定到Model属性，且回调里更新Model：

<EditForm id="formMember" Model="@member">
    <InputCheckbox 
        id="Adegree12" 
        class="form-check-input" 
        Value="@member.Adegree12" 
        ValueChanged="@((bool isChecked) => ADegreeSelectionChanged(isChecked))" 
        ValueExpression="@(() => member.Adegree12)" />
</EditForm>

3. 更简洁的.NET 6+写法（可选） #

如果你的项目是.NET 6及以上版本，可以用@bind-Value:after来执行额外逻辑，无需手动处理参数：

<EditForm id="formMember" Model="@member">
    <InputCheckbox 
        id="Adegree12" 
        class="form-check-input" 
        @bind-Value="member.Adegree12"
        @bind-Value:after="ADegreeSelectionChanged" />
</EditForm>

对应的回调方法可以直接使用Model的当前值：

private void ADegreeSelectionChanged()
{
    // 直接用member.Adegree12的状态处理显示/隐藏逻辑
    // ShowTextField = member.Adegree12;
}

关键注意点 #

• EditForm的核心是Model驱动的表单状态管理，所有控件状态必须和Model保持一致，否则会出现状态回滚、显示异常的问题。
• 移除EditForm后正常是因为没有表单上下文的自动同步机制，控件状态完全由你手动处理，但在EditForm中必须遵循Model绑定的规则。

内容的提问来源于stack exchange，提问作者Abdul Wahhab