如何在提交CSS自定义Checkbox时传递值？为何未获取预期参数

• 错误点1：label标签不负责表单数据提交
  你把name="demo_lbl_2"和value="true"都加在了<label>标签上，但label仅作为关联input的交互元素，不会被表单提交，表单数据的传递由<input>元素负责。

• 错误点2：input缺少必要的name和value属性
  要让checkbox提交后传递demo_lbl_2=true，必须给<input>标签添加name和value属性，同时保留checked属性表示默认选中状态。

修正后的代码 #

<input id="demo_box_2" class="css-checkbox" type="checkbox" name="demo_lbl_2" value="true" checked/>
<label for="demo_box_2" class="css-label">
  Selected Option
</label>

补充说明 #

• 当checkbox处于选中状态时，表单会提交demo_lbl_2=true；若未选中，则不会提交该字段。
• 你的CSS样式部分无需修改，仅调整HTML中input和label的属性即可。

内容的提问来源于stack exchange，提问作者Schalk Lombard