Razor实现行级复选框选中后提交行数据至控制器的方法咨询

我来帮你一步步实现这个功能，咱们从Razor视图的修改开始，再到控制器的接收逻辑，全程都是实用的代码方案：

首先要给每个复选框设置唯一的标识值（比如用订单的SalesId，它应该是唯一的），同时统一复选框的name属性，这样提交时能自动形成选中ID的数组。另外把表格包裹在表单里，方便提交：

@using (Html.BeginForm("ProcessSelectedOrders", "YourControllerName", FormMethod.Post))
{
    <table class="table">
        <thead>
            <tr>
                <!-- 可选：加个全选复选框提升体验 -->
                <th><input type="checkbox" id="selectAll" /></th>
                <th>销售订单ID</th>
                <!-- 你的其他表头列 -->
            </tr>
        </thead>
        <tbody>
            @foreach (var saleOrder in Model)
            {
                <tr data-toggle="tooltip" data-placement="top">
                    <!-- 核心：把value设为订单的唯一ID，name统一为selectedSalesIds -->
                    <td><input type="checkbox" name="selectedSalesIds" value="@saleOrder.SalesId" /></td>
                    <td class="text-center">@saleOrder.SalesId</td>
                    <!-- 你的其他表格列内容 -->
                </tr>
            }
        </tbody>
    </table>
    <button type="submit" class="btn btn-primary">处理选中订单</button>
}

<!-- 可选：全选功能的JS -->
<script>
    document.getElementById('selectAll').addEventListener('change', function() {
        const checkboxes = document.querySelectorAll('input[name="selectedSalesIds"]');
        checkboxes.forEach(checkbox => checkbox.checked = this.checked);
    });
</script>

在对应的控制器里，写一个Post方法接收选中的ID数组，然后通过ID去查询完整的订单信息，再执行你的后续业务逻辑：

public class YourControllerName : Controller
{
    private readonly YourDbContext _dbContext;

    // 依赖注入你的数据库上下文
    public YourControllerName(YourDbContext dbContext)
    {
        _dbContext = dbContext;
    }

    [HttpPost]
    public async Task<IActionResult> ProcessSelectedOrders(int[] selectedSalesIds)
    {
        // 校验是否选中了订单
        if (selectedSalesIds == null || selectedSalesIds.Length == 0)
        {
            TempData["AlertMessage"] = "请至少选择一个订单";
            return RedirectToAction("YourIndexAction"); // 跳回订单列表页
        }

        // 根据选中的ID查询完整订单信息
        var selectedOrders = await _dbContext.SaleOrders
            .Where(order => selectedSalesIds.Contains(order.SalesId))
            .ToListAsync();

        // 这里写你的后续处理逻辑：比如更新订单状态、导出数据、生成报表等
        // 示例：标记订单为已处理
        selectedOrders.ForEach(order => order.Status = "已处理");
        await _dbContext.SaveChangesAsync();

        TempData["SuccessMessage"] = $"成功处理了 {selectedOrders.Count} 个订单";
        return RedirectToAction("YourIndexAction");
    }
}

如果不想刷新页面，可以用AJAX异步提交选中的ID，步骤如下：

视图调整（去掉form标签，加个按钮） #

<table class="table">
    <!-- 表头和表格内容和之前一致 -->
</table>
<button id="processBtn" class="btn btn-primary">处理选中订单</button>

AJAX提交的JS代码 #

<script>
    document.getElementById('processBtn').addEventListener('click', function() {
        // 收集所有选中的订单ID
        const selectedIds = Array.from(document.querySelectorAll('input[name="selectedSalesIds"]:checked'))
            .map(checkbox => parseInt(checkbox.value));

        if (selectedIds.length === 0) {
            alert('请至少选择一个订单');
            return;
        }

        // 异步提交到控制器
        fetch('@Url.Action("ProcessSelectedOrders", "YourControllerName")', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                // 带上防伪令牌，防止CSRF攻击
                'RequestVerificationToken': '@Html.AntiForgeryToken()'
            },
            body: JSON.stringify(selectedIds)
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert(data.message);
                // 可选：刷新表格或更新页面状态
                window.location.reload();
            } else {
                alert(data.message);
            }
        })
        .catch(error => {
            console.error('处理出错:', error);
            alert('处理失败，请重试');
        });
    });
</script>

控制器调整（接收JSON格式的参数） #

[HttpPost]
public async Task<IActionResult> ProcessSelectedOrders([FromBody] int[] selectedSalesIds)
{
    if (selectedSalesIds == null || selectedSalesIds.Length == 0)
    {
        return Json(new { success = false, message = "请至少选择一个订单" });
    }

    // 查询订单、处理逻辑和之前一致...

    return Json(new { success = true, message = $"成功处理了 {selectedOrders.Count} 个订单" });
}

关键注意点 #

• 用SalesId作为复选框的value是最优方案：不需要传递整行所有字段，控制器通过ID查询数据库就能拿到完整信息，既安全又高效。
• 如果用AJAX，一定要带上防伪令牌（AntiForgeryToken），避免CSRF攻击。

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