value属性对checkbox必填，缺省提交"on"；同name多checkbox组成数组；未勾选字段不提交，后端须判存否而非空值。
value 属性对 <input type="checkbox"> 不是可选的——它直接决定表单提交时发送什么值。没设 value，提交的就是 "on"，不是 null、"" 或 false。
不写 value 会默认提交 "on"
浏览器规范强制规定：当 <input type="checkbox"> 缺少 value 属性时，提交行为会补上字符串 "on"。这不是 bug，是标准行为。
- HTML 写法：
<input type="checkbox" name="agree"> - 用户勾选后提交，实际发送的是
agree=on - 后端收到字符串
"on"，不是布尔值，也不是空值 - 若你期望提交
"true"、"1"或"accepted"，必须显式写value="accepted"
name 相同的 checkbox 如何分组提交
多个 <input type="checkbox"> 共享同一个 name，才能在提交时被识别为一组选项（如兴趣、权限等），后端按数组接收。
- 正确写法：
<input type="checkbox" name="topic" value="js"> JS、<input type="checkbox" name="topic" value="css"> CSS - 提交选中两项 → 请求体含
topic=js&topic=css，PHP 中$_POST['topic']是数组，Node.js 的URLSearchParams也能解析出两个topic键 - 错误写法：每个
name都不同（如topic1、topic2）→ 后端收不到数组，只能逐个判断 - 注意：不要用
name="topic[]"来“模拟数组”——原生表单就支持同名多值，[]是 PHP 特有语法糖，其他后端不认
JS 动态修改 value 不影响已勾选状态
value 属性只控制“提交内容”，和“是否勾选”完全无关。改 value 不会触发勾选/取消，也不会让已勾选的 checkbox 提交新值——除非它当前是勾选状态。
- 初始 HTML：
<input type="checkbox" name="flag" value="old" checked>→ 提交flag=old - 执行 JS：
document.querySelector('[name="flag"]').value = "new"→ 此时 checkbox 仍勾选，提交变成flag=new - 但如果它本来没勾选，改了
value也毫无影响，因为未勾选的 checkbox 根本不参与提交 - 常见误操作：以为改
value就能“重置提交值”，结果忘了同步控制checked状态
后端如何安全判断 checkbox 是否被勾选
未勾选的 checkbox **不会出现在提交数据里**——这是最易被忽略的底层事实。后端不能靠 isset($_POST['xxx']) === false 就认为“用户拒绝”，而要明确区分“字段缺失”和“字段存在但为空”。
- PHP 示例：
if (isset($_POST['newsletter'])) { /* 勾选 */ } else { /* 未勾选 */ } - Node.js（
express-urlencoded）：req.body.newsletter是undefined表示未勾选；若存在，则是字符串（如"subscribed"） - 绝对不要写
empty($_POST['xxx'])—— 一旦字段缺失，会触发Notice: Undefined index - 如果业务逻辑要求“必须显式提交未勾选状态”（极少数场景），得配合隐藏域：
<input type="hidden" name="newsletter" value="0"><input type="checkbox" name="newsletter" value="1">，再用 JS 同步 hidden 值
真正麻烦的从来不是怎么写 value，而是后端开发者习惯性把表单字段当作“总会出现的东西”来处理。checkbox 的“存在即真、缺失即假”语义，必须从接收入口就严格贯彻，否则调试时翻遍前端代码也找不到问题在哪。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
