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

Posted 2023-03-31

【中文标题】如何将表单中的复选框序列化为Json数据

【英文标题】：How to serialize the checkbox in a form into Json data

【发布时间】：2012-08-19 02:13:51

【问题描述】：

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

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

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

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

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

【问题讨论】：

ASP.Net MVC 4's WebAPI does not bind check boxes correctly? 的可能重复项

【参考方案1】：

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

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

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