.Net Core MVC：如何在单个表单中捕获多按钮并对应同一Post方法

问题根源 #

多个按钮共享同一个表单时，ASP.NET的模型绑定会优先读取第一个匹配的参数值，导致无论点击哪个按钮都返回第一个枚举值。下面是几种直接可行的解决办法：

方法1：给每个按钮单独生成表单 #

为每个按钮创建独立的表单，确保每个提交请求携带的参数都是当前按钮对应的枚举值：

<!-- 动态渲染表格最后一行的按钮列 -->
@foreach (MyEnum enumVal in Enum.GetValues(typeof(MyEnum)))
{
    <td>
        <form asp-action="ChangeAll" method="post">
            <input type="hidden" name="targetEnum" value="@enumVal" />
            <button type="submit">应用@enumVal</button>
        </form>
    </td>
}

后台接收方法保持常规Post绑定即可：

[HttpPost]
public IActionResult ChangeAll(MyEnum targetEnum)
{
    // 处理对应枚举值的业务逻辑
    return RedirectToAction(nameof(Index));
}

方法2：利用按钮的name和value传参 #

在同一个表单内，让每个按钮的name与后台参数名一致，value设为对应枚举值，点击时会自动提交按钮的value作为参数：

<form asp-action="ChangeAll" method="post">
    <tr>
        @foreach (MyEnum enumVal in Enum.GetValues(typeof(MyEnum)))
        {
            <td>
                <button type="submit" name="targetEnum" value="@enumVal">应用@enumVal</button>
            </td>
        }
    </tr>
</form>

后台方法与方法1完全相同，不需要额外修改。

方法3：通过JavaScript手动处理提交 #

如果不想用多表单或按钮value的方式，可通过JS监听点击事件，动态构造表单提交：

<tr>
    @foreach (MyEnum enumVal in Enum.GetValues(typeof(MyEnum)))
    {
        <td>
            <button class="change-btn" data-enum="@enumVal">应用@enumVal</button>
        </td>
    }
</tr>

<script>
    document.querySelectorAll('.change-btn').forEach(btn => {
        btn.addEventListener('click', (e) => {
            e.preventDefault();
            const enumVal = btn.dataset.enum;
            
            // 动态创建表单
            const form = document.createElement('form');
            form.method = 'POST';
            form.action = '@Url.Action("ChangeAll")';
            
            // 添加参数隐藏域
            const input = document.createElement('input');
            input.type = 'hidden';
            input.name = 'targetEnum';
            input.value = enumVal;
            
            form.appendChild(input);
            document.body.appendChild(form);
            form.submit();
            document.body.removeChild(form);
        });
    });
</script>

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