如何将表单中的复选框序列化为Json数据

Question

我们知道，在 MVC 中，CheckBoxFor 将生成带有 value="true" 的 checkbox 和带有 value=false 的 hidden。两个输入控件将共享相同的名称。

这是非常合理的，因为如果未选中该框，表单将能够 POST 错误值。当复选框返回 true 时，模型绑定器将忽略隐藏的输入。

但是现在我已经覆盖了表单提交事件，以便将表单数据以 JSON 格式发送到 WebAPI 控制器。

在序列化表单数据时，没有正确解析复选框和隐藏的关系的机制。因此，未选中时，它返回一个false，这没关系。但是当检查时，它返回一个{true, false} 而不是true，因为serializeArray() 函数会遍历每个input 并找到两个值同名。

问题是：纠正它的最佳方法是什么？

Answer 1

我对这个问题的解决方案是编写我自己的 HtmlHelper 方法，该方法呈现单个 标记。任何其他解决方案似乎都太老套了。

如果您在完成该任务时需要任何帮助，可以使用 dotPeek 或 .NET Reflector 查看 Microsoft 团队如何创建 HtmlHelper.CheckboxFor 方法。

当“bool”参数没有匹配的参数发送到控制器（未选中的复选框不发送任何值）时，采用 2 标记方法来防止 MVC 操作参数引发异常。