ASP.NET Blazor中如何用函数批量取消foreach生成的复选框选中状态

要实现批量取消复选框，同时保留原有选中逻辑，你可以通过绑定状态集合的方式来管理每个复选框的选中状态，具体步骤如下：

1. 添加状态跟踪集合 #

在组件的代码块里，声明一个字典（或其他集合）来存储每个用户的选中状态，假设你的mandant对象有唯一标识（比如Id）：

private Dictionary<int, bool> _selectedMandants = new();

2. 修改复选框绑定逻辑 #

把原来的复选框改成绑定到这个字典，同时保留AddChosenSupportUserToList的调用。可以用@bind结合@bind:after来同步触发你的业务逻辑：

<tbody>
    @foreach (var mandant in supportUserResult)
    {
        <tr>
            <td>
                <input type="checkbox" 
                       @bind="_selectedMandants[mandant.Id]" 
                       @bind:after="() => AddChosenSupportUserToList(mandant, _selectedMandants[mandant.Id])" />
            </td>
            <td>@mandant.Scope</td>
            <td>@mandant.Name</td>
            <td>@usercategory</td>
            <td>@mandant.FullName</td>
            <td>@mandant.MailAddress</td>
            <td>@mandant.Language</td>
        </tr>
    }
</tbody>

注意：如果mandant没有Id，可以用其他唯一属性组合（比如Name+Scope）作为字典的键，或者提前遍历supportUserResult初始化字典的键值对。

3. 实现批量取消函数 #

添加一个方法来重置所有选中状态：

private void ClearAllCheckboxes()
{
    foreach (var key in _selectedMandants.Keys.ToList())
    {
        _selectedMandants[key] = false;
    }
    // 若你有存储选中用户的集合，这里可以同步清空，比如：
    // chosenSupportUsers.Clear();
}

4. 调用批量取消函数 #

在页面上添加触发按钮：

<button @onclick="ClearAllCheckboxes">取消所有选中</button>

替代方案（包装类方式） #

如果不想用字典，也可以给mandant创建包装类，新增选中状态属性：

public class MandantViewModel
{
    public Mandant OriginalMandant { get; set; }
    public bool IsSelected { get; set; }
}

将supportUserResult转换为List<MandantViewModel>后，直接绑定复选框：

<input type="checkbox" @bind="item.IsSelected" @bind:after="() => AddChosenSupportUserToList(item.OriginalMandant, item.IsSelected)" />

批量取消时遍历设置：

private void ClearAllCheckboxes()
{
    foreach (var item in _viewModelList)
    {
        item.IsSelected = false;
    }
}

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