后端收不到复选框value的根本原因是前端未按表单规范提交：必须同时满足type="checkbox"、name相同且显式设置value三个硬条件，否则后端只能收到空、"on"或首个值。
后端收不到复选框 value 的根本原因
不是后端写错了，而是前端没按表单规范提交：只有 name 相同、且被勾选的 <input type="checkbox">，才会把各自的 value 作为同名字段的多个值提交；如果漏了 name，或没设 value，或用了重复 id 当筛选依据，后端就只能收到空、"on"、或第一个值。
HTML 必须满足的三个硬条件
缺一不可，否则后端永远拿不全数据：
-
type="checkbox"不能写成type="check"或直接省略 - 每个复选框必须有
name属性，且批量操作时所有目标复选框name值完全一致（如name="user_id"） - 每个复选框必须显式声明
value，不能依赖默认的"on"—— 后端无法区分“勾选了”和“勾选了但值就是 on”
错误示例：<input type="checkbox" id="uid1"> → 没 name，没 value，后端收不到任何东西。
正确最小写法：<input type="checkbox" name="item_id" value="101">
后端怎么接收这组 value（以常见框架为例）
浏览器提交时，会把同名复选框的 value 自动打包成数组，但具体接收方式取决于后端语言和框架解析逻辑：
- PHP（原生
$_POST）：$_POST['item_id']直接是数组，如["101", "102"]，无需额外处理 - Python Flask：
request.form.getlist('item_id')，用getlist而不是get，否则只返回第一个 - Node.js Express（需
body-parser）：req.body.item_id是数组，前提是表单 enctype 为application/x-www-form-urlencoded（默认） - Java Spring Boot：
@RequestParam List<string> item_id</string>，注意加List泛型，别用String
如果后端收到的是字符串（比如 "101,102"），说明前端用了 JS 拼接再提交，而不是原生表单提交——这绕过了浏览器自动数组化机制，反而增加出错概率。
AJAX 提交时最容易踩的坑
用 jQuery 或 Fetch 手动收集复选框值时，90% 的问题出在选择器上：
- 别用
$('#cb1').val()—— ID 必须唯一，循环生成时写了多个id="cb1"，JS 只取第一个 - 正确做法是用 name 批量取：
$('input[name="item_id"]:checked').map((i, el) => el.value).get() - Fetch 提交时，若用
FormData，记得先new FormData(formEl)，它会自动包含所有已勾选的复选框；若手动构造 JSON，必须确保传的是数组，如{ item_id: ["101", "102"] }
真正麻烦的不是怎么传，而是你得确认后端接口文档里写的接收字段名，和前端 name 属性值一模一样——大小写、下划线、复数形式，差一个字符就收不到。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
