Razor中foreach循环内动态复选框的状态回显问题

问题根源 #

你当前的代码仅从文件夹读取文件名生成EmpDoc列表，但未从数据库加载该员工对应的Form1/Form2等字段值，也未将这些值绑定到每个文件对应的Filevalues属性，导致View无法判断复选框的选中状态。

步骤1：完善EmpDoc模型 #

在EmpDoc类中添加Filevalues属性（你的View代码已用到该属性，但当前模型未定义）：

public int EmployeeId { get; set; }
public string? Form1{ get; set; }
public string? Form2 { get; set; }
public string? EnteredBy { get; set; }
public DateTime? EnteredDatetime { get; set; }
public string? UpdatedBy { get; set; }
public DateTime? UpdatedDatetime { get; set; }
public string? ValidatedBy { get; set; }
public string? Form3 { get; set; }
public string? Form4 { get; set; }
public string? Form5 { get; set; }

[NotMapped]
public IFormFile File { get; set; }

[NotMapped]
public string Filename { get; set; }

// 新增：存储对应文件的选中状态
[NotMapped]
public string? Filevalues { get; set; }

步骤2：修改Controller，加载数据库状态 #

获取文件夹文件后，查询该员工的数据库记录，根据文件名匹配对应的Form字段，为每个EmpDoc的Filevalues赋值：

var getinfo = await _context.EmployeeBasicInformations.FindAsync(id);
ViewBag.empid = getinfo.EmployeeId;
var foldername = getinfo.EmployeeEmail;
string dirPath = Configuration["FolderPath:Document_Path"];
string path = Path.Combine(dirPath, foldername);
string[] folderpath = Directory.GetFiles(path);

// 查询该员工的EmpDoc数据库记录
var empDocRecord = await _context.EmpDocs.FirstOrDefaultAsync(e => e.EmployeeId == getinfo.EmployeeId);

List<EmpDoc> files = new List<EmpDoc>();
foreach (string folderpaths in folderpath)
{
    string fileName = Path.GetFileName(folderpaths);
    string fileValue = "0"; // 默认未选中

    // 根据文件名匹配对应Form字段的值
    if (empDocRecord != null)
    {
        switch (fileName.ToLower())
        {
            case "form1.pdf":
                fileValue = empDocRecord.Form1 ?? "0";
                break;
            case "form2.pdf":
                fileValue = empDocRecord.Form2 ?? "0";
                break;
            case "form3.pdf":
                fileValue = empDocRecord.Form3 ?? "0";
                break;
            case "form4.pdf":
                fileValue = empDocRecord.Form4 ?? "0";
                break;
            case "form5.pdf":
                fileValue = empDocRecord.Form5 ?? "0";
                break;
        }
    }

    files.Add(new EmpDoc
    {
        Filename = fileName,
        EmployeeId = getinfo.EmployeeId,
        Filevalues = fileValue // 绑定数据库中的状态值
    });
}
return View(files);

步骤3：简化View代码 #

去掉冗余的if-else，直接通过条件判断设置复选框的checked属性，同时保证id和name唯一（用文件名标识）：

@foreach (handbook.Data.EmpDoc files in Model)
{
    <tr style="text-align:center;">
        <td>
            <input type="checkbox" 
                   id="@files.Filename" 
                   name="@files.Filename" 
                   value="1" 
                   @(files.Filevalues == "1" ? "checked" : "") />
        </td>
        <td>@files.Filename</td>
        <td class="text-nowrap">
            @Html.ActionLink("Download", "DownloadFile", new { fileName = files.Filename, id = files.EmployeeId })
        </td>
    </tr>
}

补充说明 #

• 确保数据库中Form1/Form2等字段存储的是"1"或"0"，与你的保存逻辑一致
• 若员工无对应EmpDoc记录，复选框默认处于未选中状态

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