MVC中MultiSelectList或循环输入仅向控制器返回首个值的问题

核心问题 #

你的模型里_021CheckBox是单个字符串类型，但多选控件（复选框、多选列表）提交时会生成多个同名请求参数，ASP.NET MVC的模型绑定器没法自动把多个值合并成单个字符串，只会取第一个值，这就是你只能拿到选中项第一个的根本原因。另外你的JavaScript代码也有问题：pop(this)用法错误（pop()是删数组最后一个元素，不是按元素删除），而且循环生成的隐藏域ID重复，导致取值混乱。

方案一：修改模型适配多选绑定（推荐） #

直接把模型的_021CheckBox改成字符串数组，让模型绑定器自动接收多个选中值，之后在控制器里合并成你需要的字符串存库就行：

1. 更新模型 #

[Table("TBLMajorQuestions")]
public partial class TBLMajorQuestion
{
    [Key]
    public int ID { get; set; }
    // 用数组接收多选值，存库时转成字符串
    public string[] _021CheckBox { get; set; }
}

2. 控制器处理（接收后合并） #

提交时在控制器里把数组转成分号分隔的字符串：

[HttpPost]
public ActionResult YourAction(TBLMajorQuestion model)
{
    // 合并选中值为分号分隔的字符串，空数组时返回空字符串
    string selectedValues = string.Join(";", model._021CheckBox ?? Array.Empty<string>());
    // 之后把selectedValues存入数据库对应字段即可
    // ...
    return RedirectToAction("Index");
}

3. 视图写法优化 #

复选框循环写法

不用额外隐藏域和JS，直接让复选框的name对应模型的数组属性：

@for (int i = 0; i < ViewBag.CheckBoxfacilities.Count; i++)
{
    var option = ViewBag.CheckBoxfacilities[i];
    <input name="_021CheckBox" type="checkbox" value="@option.Text" id="checkbox_@option.Value" /> 
    @option.Text <br />
}

（如果需要回显选中状态，加个判断：checked="@(Model._021CheckBox?.Contains(option.Text) == true)"）

ListBoxFor写法（更简洁）

直接绑定数组属性，自动生成正确的多选列表：

@Html.ListBoxFor(m => m._021CheckBox, new MultiSelectList(ViewBag.CheckBoxfacilities, "Value", "Text"), new { @multiple = "multiple" })

方案二：不修改模型，用JS合并值到单个隐藏域（适合不能改模型的场景） #

如果没法改模型，就修正JS代码，把所有选中值合并后存入单个隐藏域，同时避免ID重复：

1. 视图调整 #

去掉循环里的HiddenFor，手动加一个唯一ID的隐藏域：

<!-- 单个隐藏域，存合并后的字符串 -->
<input type="hidden" name="_021CheckBox" id="hidden_021CheckBox" />

@for (int i = 0; i < ViewBag.CheckBoxfacilities.Count; i++)
{
    var option = ViewBag.CheckBoxfacilities[i];
    <input type="checkbox" value="@option.Text" id="checkbox_@option.Value" class="checkbox_021" /> 
    @option.Text <br />
}

2. 修正后的JS代码 #

<script>
    // 监听复选框变化
    $('.checkbox_021').change(function () {
        // 获取所有选中的复选框值
        var selectedValues = $('.checkbox_021:checked').map(function() {
            return $(this).val();
        }).get();
        // 合并成分号分隔的字符串，存入隐藏域
        $('#hidden_021CheckBox').val(selectedValues.join(';'));
    });

    // 页面加载时初始化选中状态和隐藏域值（如果需要回显）
    $(function() {
        var initialValues = '@Model._021CheckBox'.split(';');
        initialValues.forEach(function(val) {
            if(val) {
                $('.checkbox_021[value="' + val + '"]').prop('checked', true);
            }
        });
        // 触发一次change事件初始化隐藏域
        $('.checkbox_021').trigger('change');
    });
</script>

额外提醒 #

• 尽量别用ViewBag传下拉列表数据，推荐用强类型视图模型，减少类型转换错误和维护成本
• 复选框的id必须唯一，循环时要加前缀或后缀区分（比如checkbox_@option.Value）

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