CodeIgniter 4中Ajax传递多选框数据数组长度始终为1的问题

问题场景 #

在CodeIgniter4项目中，通过Vue.js结合Ajax将多选框选中的项目ID传递到控制器执行删除操作，数据能成功传递，但无论选中多少个选项，用count()或array_length()获取的数组长度始终为1。尝试切换getVar()/getPost()、json_decode均无效。

核心原因 #

1. 多选框name属性未声明为数组：HTML中多个同名的复选框，若name属性不带[]，表单序列化后只会传递最后一个选中的值，后端接收时是单个值而非数组。
2. 控制器统计对象错误：原代码中count($data)统计的是包含selectId键的外层数组长度（永远为1），而非选中ID的数组长度。

修复步骤 #

1. 修改表单中多选框的name属性 #

将复选框的name="selectId"改为name="selectId[]"，让后端识别为数组：

<!-- 原代码 -->
<input class="selectId" name="selectId" value="<?= $row->project_id; ?>" type="checkbox">

<!-- 修改后 -->
<input class="selectId" name="selectId[]" value="<?= $row->project_id; ?>" type="checkbox">

2. 修正控制器中的统计逻辑 #

直接统计$selectedId数组的长度，而非外层包装数组：

// 原控制器代码
public function delete()
{
    $session = \Config\Services::session();
    $projectModel = new ProjectModel();
    $selectedId = $this->request->getVar('selectId');
    $data = [
        'selectId' => $selectedId
    ];
    $dataCount = count($data);
    dd($dataCount);
}

// 修改后控制器代码
public function delete()
{
    $session = \Config\Services::session();
    $projectModel = new ProjectModel();
    $selectedId = $this->request->getVar('selectId');
    
    // 确保是数组再统计，避免未选中时的报错
    $dataCount = is_array($selectedId) ? count($selectedId) : 0;
    dd($dataCount);
    
    // 后续执行删除逻辑示例
    // if($dataCount > 0){
    //     $projectModel->delete($selectedId);
    //     // 返回成功响应
    //     return $this->response->setJSON(['status' => 200]);
    // }
}

3. 验证Ajax序列化逻辑 #

原Vue.js中的$(this).serialize()可以正确序列化带[]的表单元素，无需额外修改，序列化后会自动生成selectId[]=1&selectId[]=2这样的格式，后端通过getVar('selectId')可直接获取数组。

补充说明 #

• 若未选中任何复选框，$selectedId会是null，因此需要用is_array()判断后再统计，避免报错。
• CodeIgniter4的getVar()方法会自动解析表单数组，无需手动json_decode。

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