如何实现复选框勾选时存值1、取消勾选时存值0？

嘿，这个问题其实挺常见的——HTML复选框有个小坑：当它没被勾选时，表单提交时不会把这个字段发送给后端，所以你直接处理的话，取消勾选时后端压根收不到earning_sound参数，自然没法把值设为0。给你两种靠谱的解决方案：

方案1：前端添加隐藏输入框（推荐） #

这个方法能确保不管复选框是否勾选，后端都能收到对应的值。原理是在复选框前加一个同名的隐藏输入框，值设为0；当复选框被勾选时，它的value="1"会覆盖隐藏框的0，表单提交时就会发送1；没勾选的话，只会发送隐藏框的0。

修改后的表单代码如下（顺便帮你修正了原代码里多余的}）：

<form name="settings" action="../ajax/account/account_ajax.php?token=<?php echo $token; ?>" class="form-horizontal" method="post">
    <input type="hidden" name="set_settings" value="1">
    <!-- 添加这个隐藏输入框 -->
    <input type="hidden" name="earning_sound" value="0">
    <div class="row">
        <div class="col-md-5">
            <label class="checkbox-custom">
                <input name="earning_sound" <?= ($settings->earning_sound) ? 'checked="checked"' : ''; ?> value="1" type="checkbox">
                <i class="fa fa-fw fa-square-o checked"></i> Earning Notification Sound
            </label>
            <button type="submit" class="btn btn-primary ">
                <i class="fa fa-edit"></i> Save
            </button>
        </div>
    </div>
</form>

方案2：后端PHP逻辑处理 #

如果你不想改动前端代码，也可以在接收参数的account_ajax.php里做判断：如果$_POST['earning_sound']存在（说明勾选了），就赋值1；不存在（说明没勾选），就赋值0。

示例代码如下：

// 在account_ajax.php里处理参数
$earning_sound = isset($_POST['earning_sound']) ? 1 : 0;

// 接下来把$earning_sound保存到数据库或者配置中
// 比如：UPDATE settings SET earning_sound = ? WHERE user_id = ?

两种方法都能解决问题，第一种更稳妥，能避免后端因为遗漏参数出现逻辑错误；第二种更简洁，适合不想改前端的场景。

内容的提问来源于stack exchange，提问作者John Doe