ASP.NET Core 2控制器字符串数组参数接收单选框值时越界异常

这个问题我之前也碰到过，核心原因是HTML表单提交时，未选中的单选按钮不会向服务器发送任何值，导致ASP.NET Core的模型绑定器无法正确初始化完整的数组。下面给你几个可行的解决方案：

方案1：给单选按钮设置连续索引命名（最直接） #

ASP.NET Core的模型绑定器会根据表单字段的命名（比如Answers[0]、Answers[1]）来判断数组的长度。只要你给每组单选按钮指定从0到34的连续索引命名，即使某些组未选中，模型绑定器也会自动创建长度为35的数组，未选中的位置会填充为null。

视图代码示例： #

@* 循环生成35组单选按钮 *@
@for (int i = 0; i < 35; i++)
{
    <div class="radio-group">
        <label>
            <input type="radio" name="Answers[@i]" value="A" /> 选项A
        </label>
        <label>
            <input type="radio" name="Answers[@i]" value="B" /> 选项B
        </label>
        <label>
            <input type="radio" name="Answers[@i]" value="C" /> 选项C
        </label>
    </div>
}

控制器代码示例： #

[HttpPost]
public IActionResult ProcessAnswers(string[] Answers)
{
    // 此时Answers是长度为35的数组，未选中的项为null
    // 处理前记得检查null值，避免后续逻辑报错
    foreach (var answer in Answers)
    {
        if (string.IsNullOrEmpty(answer))
        {
            // 处理未选中的情况，比如标记为"未作答"
        }
    }
    return View();
}

方案2：使用强类型视图模型（更规范） #

如果你的场景比较复杂，推荐用强类型模型来接收数据，这样不仅能避免数组绑定问题，还能获得更好的代码可读性和编译时检查。

定义视图模型： #

public class SurveyAnswersViewModel
{
    // 初始化一个长度为35的List，确保数组/List始终有足够的容量
    public List<string> Answers { get; set; } = new List<string>(new string[35]);
}

视图代码示例： #

@model SurveyAnswersViewModel

@for (int i = 0; i < Model.Answers.Count; i++)
{
    <div class="radio-group">
        <label>
            <input type="radio" asp-for="Answers[@i]" value="A" /> 选项A
        </label>
        <label>
            <input type="radio" asp-for="Answers[@i]" value="B" /> 选项B
        </label>
        <label>
            <input type="radio" asp-for="Answers[@i]" value="C" /> 选项C
        </label>
    </div>
}

控制器代码示例： #

[HttpPost]
public IActionResult ProcessAnswers(SurveyAnswersViewModel model)
{
    // model.Answers已经是长度35的List，未选中项为null
    // 进行业务逻辑处理
    return View(model);
}

方案3：控制器内手动补全数组（快速修复） #

如果不想修改视图代码，可以在控制器里手动初始化数组，补全缺失的元素：

[HttpPost]
public IActionResult ProcessAnswers(string[] Answers)
{
    // 初始化一个长度为35的数组，默认值为null
    var fullAnswers = new string[35];
    
    if (Answers != null)
    {
        // 将提交的答案复制到新数组中，超出35的部分忽略
        Array.Copy(Answers, fullAnswers, Math.Min(Answers.Length, 35));
    }
    
    // 使用fullAnswers进行后续处理
    return View();
}

注意事项： #

不管用哪种方案，都要记得在处理数据时检查null值，因为未选中的单选按钮对应的数组元素会是null，避免出现空引用异常。

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