ASP.NET MVC中Checkbox值无法同步至SpeakStuff模型属性的问题

问题根源 #

ASP.NET MVC的模型绑定对布尔属性的处理逻辑是：仅当表单提交对应字段的有效值时才会赋值，未提交该字段则默认设为false。你用两个同名Checkbox分别对应true/false的方式，会导致浏览器提交时可能出现值冲突（比如误选两个时会提交多个值），加上jQuery单选控制的疏漏，最终导致模型无法正确接收值。

解决方案 #

方案1：改用RadioButton（推荐，原生适配模型绑定） #

单选场景下RadioButton是更合适的选择，无需额外JS控制，模型绑定直接生效：

前端代码

<div class="form-group">
    @Html.RadioButtonFor(m => m.SpeakStuff, true, new { id = "SpeakYes" })
    <label for="SpeakYes">Yes</label>

    @Html.RadioButtonFor(m => m.SpeakStuff, false, new { id = "SpeakNo" })
    <label for="SpeakNo">No</label>
</div>

• RadioButton原生支持同name（由RadioButtonFor自动生成）下的单选逻辑，无需额外jQuery代码。
• 提交时会自动将选中项的true/false值传给后端模型。

后端Action方法

保持原有逻辑即可，模型会自动绑定：

[HttpPost]
public ActionResult SubmitResignation(ResignationRequester model)
{
    if (ModelState.IsValid)
    {
        // 处理业务逻辑，model.SpeakStuff已正确获取选中值
        return RedirectToAction("SubmitSuccess");
    }
    return View(model);
}

方案2：保留Checkbox样式（需调整绑定逻辑） #

如果必须用Checkbox的视觉样式，可通过隐藏字段存储最终值的方式避免绑定冲突：

前端代码

<!-- 隐藏字段：用于存储最终要提交的布尔值，默认设为false -->
<input type="hidden" id="HiddenSpeakStuff" name="SpeakStuff" value="false" />

<div class="form-group">
    <input type="checkbox" class="speak-option" data-value="true" id="CheckYes" />
    <label for="CheckYes">Yes</label>

    <input type="checkbox" class="speak-option" data-value="false" id="CheckNo" />
    <label for="CheckNo">No</label>
</div>

jQuery控制逻辑

$('.speak-option').on('change', function() {
    // 取消其他Checkbox的选中状态
    $('.speak-option').not(this).prop('checked', false);
    // 将选中项的值同步到隐藏字段
    $('#HiddenSpeakStuff').val($(this).data('value'));
});

• 提交表单时，隐藏字段的true/false值会被正确传给模型，避免同名Checkbox的提交冲突。

额外注意事项 #

• 如果用AJAX提交表单，确保使用$('#formId').serialize()来序列化数据，该方法会自动获取隐藏字段或RadioButton的选中值。
• 检查模型的SpeakStuff属性是否为public bool SpeakStuff { get; set; }，确保具备可访问的get/set方法。

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