单个HTML checkbox能否设置双值：选中为Yes未选中为No

核心结论 #

仅通过原生HTML无法直接为单个复选框分配两个自动切换的取值。原生HTML表单的逻辑是：复选框仅在被勾选时才会将对应的name和value参数提交到后端，未勾选状态下该字段不会出现在提交的表单数据中，没有内置的未勾选状态默认值配置能力。

常用实现方案 #

方案1：前端隐藏域兼容方案（无需后端额外判断） #

可以通过搭配同name的隐藏域实现需求，代码示例如下：

<!-- 隐藏域在前，未勾选时默认提交No -->
<input type="hidden" name="checkbox" value="No">
<!-- 复选框在后，勾选时提交的Yes会覆盖隐藏域的取值 -->
<input type="checkbox" name="checkbox" value="Yes">

该方案的原理是表单提交时，同名字段会优先取后出现的控件的取值，未勾选时复选框不提交，就会提交前面隐藏域的No值。

方案2：后端逻辑判断 #

这也是业务开发中更常用的稳妥方案，参考代码如下：

$var1 = e($_POST['checkbox']);
if ($var1 == null){
    $var = 'No';
}else{
    $var = 'Yes';
}

内容的提问来源于stack exchange，提问作者Jared Alexander