Laravel 8中如何在分页时保留复选框勾选状态并存储至数据库？

一、分页时保持复选框勾选状态 #

1. 携带已勾选ID到分页链接 #

生成分页链接时，把当前已勾选的ID作为查询参数追加到分页URL中，确保分页跳转后参数不丢失：

{{ $items->appends(['selected_ids' => request()->get('selected_ids', [])])->links() }}

2. 视图中标记已选项目 #

遍历列表项时，判断当前项ID是否在已选数组内，动态添加checked属性：

@foreach($items as $item)
    <div>
        <input type="checkbox" name="selected_ids[]" value="{{ $item->id }}" 
            {{ in_array($item->id, request()->get('selected_ids', [])) ? 'checked' : '' }}>
        {{ $item->name }}
    </div>
@endforeach

3. 全选功能实现（可选） #

添加全选复选框，用JS批量控制子复选框状态：

<input type="checkbox" id="select-all"> 全选

<script>
document.getElementById('select-all').addEventListener('change', function() {
    const checkboxes = document.querySelectorAll('input[name="selected_ids[]"]');
    checkboxes.forEach(checkbox => checkbox.checked = this.checked);
});
</script>

二、将勾选值存储到数据库 #

1. 接收并验证请求参数 #

在控制器中接收selected_ids，并验证参数合法性：

public function storeSelected(Request $request)
{
    $request->validate([
        'selected_ids' => 'array',
        'selected_ids.*' => 'exists:items,id', // 确保ID存在于目标数据表
    ]);

    $selectedIds = $request->input('selected_ids', []);

2. 根据业务场景选择存储方式 #

场景1：批量更新模型状态

比如标记项目为「已选中」：

// 假设操作的是Item模型，更新is_selected字段
Item::whereIn('id', $selectedIds)->update(['is_selected' => true]);

场景2：多对多关联存储

比如用户收藏多个项目，模型间为多对多关系：

// 当前用户关联选中的项目，false表示保留原有关联，仅新增；true则替换所有关联
auth()->user()->items()->sync($selectedIds, false);

场景3：插入选择记录

比如记录用户的选择历史：

// 批量创建选择记录
$records = collect($selectedIds)->map(fn($id) => [
    'user_id' => auth()->id(),
    'item_id' => $id,
]);
Selection::insert($records->toArray());

3. 存储后保持勾选状态 #

处理完成后重定向回原页面，携带已选ID参数：

return redirect()->back()->withInput(['selected_ids' => $selectedIds]);

注意事项 #

• 若选中ID数量过多，URL参数传递可能超出长度限制，可改用session存储已选ID：通过AJAX将勾选的ID实时存入session，分页时从session读取已选列表。
• 必须添加exists验证规则，防止恶意提交不存在的ID。

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