php后端需在checkbox的name后加[]才能接收为数组，否则只获最后一个值；js收集时须用:checked筛选；全未勾选时$_post['hobby']不存在，须用isset()判断。
checkbox 多选值提交时为什么只拿到最后一个？
因为没用数组接收，或者表单提交方式不对。HTML 的 <input type="checkbox"> 默认不会自动聚合成数组——后端收到的只是重复的同名字段，若用普通变量接收（比如 PHP 的 $_POST['hobby']），只会保留最后一条；JS 中用 form.elements['hobby'] 拿到的是 NodeList，不处理就无法批量取值。
PHP 后端怎么安全接收 checkbox 数组？
必须在 HTML name 属性末尾加 []，否则 PHP 不会自动转成数组。同时注意：没有勾选的 checkbox 根本不会发请求，所以后端不能依赖“未提交即为空”，得用 isset() 或 array_key_exists() 判断是否存在。
<input type="checkbox" name="hobby[]" value="reading"><input type="checkbox" name="hobby[]" value="coding">- PHP 中直接用
$_POST['hobby']——它已经是数组（如['reading', 'coding']），前提是至少有一个被勾选 - 如果全没勾选，
$_POST['hobby']不存在，直接访问会触发 Notice，应先判断：if (isset($_POST['hobby'])) { $hobbies = $_POST['hobby']; }
JS 怎么手动收集所有勾选的 checkbox 值？
适合 AJAX 提交或需要预处理场景。别用 querySelectorAll('input[type="checkbox"]') 然后全遍历——要过滤出 checked 的，且注意 name 相同但 value 不同。
- 推荐写法：
Array.from(document.querySelectorAll('input[name="hobby"]:checked')).map(el => el.value) - 兼容旧浏览器可改用
for循环 +el.checked判断 - 避免错误写法：
document.getElementsByName('hobby')[0].value——只拿第一个，不管是否勾选 - 注意：如果页面有多个不同 name 的 checkbox 组，务必按 name 精确筛选，否则混在一起
Spring Boot / Django 等框架里要注意什么？
框架一般支持数组绑定，但命名和类型声明不能错。比如 Spring Boot 的 @RequestParam List<string> hobby</string> 要求前端传 hobby=reading&hobby=coding（不是 hobby[]=...）；Django 的 request.POST.getlist('hobby') 才对应 hobby[] 写法。
- Spring Boot 默认不支持
[]后缀，name 写成hobby即可，后端用List<string></string>接收 - Django 必须用
getlist()，get()只返回第一个 - Node.js 的
body-parser需开启extended: true才能解析数组型 query string - 前后端 name 字符串必须完全一致，大小写、空格、中括号一个都不能差
:checked 伪类，结果把所有 checkbox 的 value 都塞进去了。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
