复选框未勾选时不提交字段，后端须判断存在性而非默认值；应配合隐藏域实现false提交；多选时需框架特定方法获取数组。
复选框没有被勾选时根本不会提交
这是最容易踩的坑：HTML 表单里，<input type="checkbox"> 只有在被用户勾选状态下，才会把 name 和 value 一起作为键值对发到后端；没勾选，这个字段压根不会出现在请求数据里。所以后端不能假设“没收到就是 false”，而要判断字段是否存在。
常见错误是后端直接取 request.form.get("agree")（Python Flask）或 $_POST["agree"]（PHP），结果未勾选时报 KeyError 或 Undefined index。
- 检查是否勾选：用
in request.form（Flask）、isset($_POST["agree"])（PHP）、req.body.hasOwnProperty("agree")（Node.js/Express） - 不要依赖默认值硬编码，比如
request.form.get("agree", "off")是错的——因为字段根本不存在，不是值为空字符串 - 如果想统一处理布尔语义，建议前端加一个隐藏同名字段兜底（见下一条）
用隐藏 input 配合 checkbox 实现“false 也可提交”
当业务逻辑要求“勾选为 true、不勾选为 false”且必须显式传递时，不能只靠单个 <input type="checkbox">。标准解法是在它前面加一个同 name 的 <input type="hidden">：
浏览器会按 HTML 顺序提交：如果 checkbox 未勾选，只提交 hidden 的 subscribe=0；如果勾选，则提交两个，但多数后端框架（如 Express、Django）默认只取第一个，或需手动处理数组。更稳妥的是用不同 name 区分，或后端明确取最后出现的值。
- 注意：某些框架（如 Django）的
request.POST.get()默认返回最后一个同名字段值，刚好符合这个模式 - Express 需要设
extended: true并用req.body.subscribe，否则可能拿到字符串"0,1" - 不要写成
<input type="hidden" name="subscribe" value="">——空字符串在布尔判断中容易误判
多个 checkbox 共享 name 时后端怎么收
当一组 checkbox 使用相同 name（比如 hobbies），勾选多个时，浏览器会以多个同名参数形式提交，例如：hobbies=reading&hobbies=swimming&hobbies=coding。后端接收方式因框架而异：
- Flask：
request.form.getlist("hobbies")返回["reading", "swimming"] - Django：
request.POST.getlist("hobbies")同上 - Express（body-parser）：
req.body.hobbies默认是字符串（仅第一个值），需启用extended: true才能自动转为数组 - PHP：
$_POST["hobbies"]是数组，但前提是 HTML 中写成name="hobbies[]"—— 这是 PHP 特殊约定，其他语言不认
别漏掉这个细节：如果 HTML 写 name="hobbies"，PHP 却没加 []，那只会收到最后一个勾选项。
JavaScript 获取 checkbox 当前状态别只看 value
用 JS 拿 checkbox 值时，别直接读 element.value，它永远是 HTML 里写的字符串（比如 "on" 或 "1"），和是否勾选无关。真正反映状态的是 element.checked（布尔值）。
- 单个 checkbox：
document.querySelector('[name="agree"]').checked→true/false - 多个同名 checkbox：
Array.from(document.querySelectorAll('input[name="tag"]:checked')).map(el => el.value) - 用
FormData提交时，它会自动按规则打包（勾选的才进，多个同名自动成数组），比手拼更可靠
容易忽略的是：动态插入的 checkbox，如果没在 DOM ready 后绑定事件，或者用 innerHTML 替换导致事件丢失，checked 状态可能拿不准——优先用事件委托或确保操作时机。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
