后端需用框架专用方法（如flask的getlist）接收同名checkbox，因未勾选时不提交字段，全空时应返回空列表而非null；php须用name[]数组语法，否则仅获最后一个值。
后端怎么接收同名 name 的多个 checkbox
浏览器提交同名 checkbox 时，只把“被勾选”的项以相同 name 发送，且可能发多次（如 user_role=admin&user_role=editor），也可能合并成一个逗号分隔字符串（取决于后端框架默认行为）。关键不是“怎么发”，而是“后端怎么不漏拿、不错拿”。
- PHP 中用
$_POST['user_role']直接取会得到字符串（单个）或数组（多个勾选），但前提是表单提交方式为application/x-www-form-urlencoded且至少有一个勾选；若全未勾选，该name根本不会出现在$_POST中——这是最常踩的坑。 - Python Flask 中
request.form.getlist('user_role')是标准做法，它总是返回list（空列表表示全未勾选），比request.form.get('user_role')更可靠。 - Node.js Express 默认不解析重复键，需配合
body-parser的extended: true，然后用req.body.user_role—— 若是数组则说明有多个勾选，若undefined则全未勾选。
checkbox 全不选时后端收不到字段？
这是 HTML 表单规范决定的：未勾选的 checkbox 不参与提交。所以后端永远收不到 “user_role=[]” 这种显式空值。不能靠检测字段是否存在来判断“用户有意清空”，而要结合业务逻辑预设默认值或额外加隐藏域兜底。
- 常见兜底写法：
<input type="hidden" name="user_role" value=""><input type="checkbox" name="user_role" value="admin"><input type="checkbox" name="user_role" value="editor">
但注意：如果后端用getlist类方法，这个隐藏域会变成第一个元素（空字符串），需手动过滤。 - 更稳妥的做法是在后端约定：字段缺失 = 用户未操作（非“清空”），而“清空”需由前端显式提交空数组或特定标记值（如
user_role=__CLEAR__）。
为什么 request.form.get('xxx') 在多选时只拿到最后一个值？
因为 get() 只取第一个同名参数，而浏览器提交多个同名 checkbox 时，它们是并列参数。这在 Flask、Django、Express 等框架里都一样——不是 bug，是设计使然。
- Flask：必须用
request.form.getlist('xxx') - Django：用
request.POST.getlist('xxx')，它对未勾选返回空列表 - Spring Boot：用
@RequestParam List<string> xxx</string>或String[] xxx，别用String xxx
前后端约定字段类型不一致导致解析失败
比如前端传 user_role=admin&user_role=editor，后端却用 String 接收，结果只拿到 "admin"；或者前端 JS 拼了 JSON 字符串当 value，后端没反序列化就直接入库。
- 检查后端日志里实际收到的原始参数（如 Flask 的
request.form内容），确认是数组还是字符串 - 避免在 checkbox value 里塞复杂结构，value 应该是简单标识符（
admin、1、read），映射逻辑放后端 - 若用 AJAX 提交，确保
Content-Type和数据格式匹配：表单用FormData，JSON 提交需手动构造数组字段
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
