CodeIgniter结合Ajax实现复选框数据库值获取与存储问题

一、解决提交后数据库字段为NULL的问题 #

复选框的核心特性是：未勾选时不会被表单提交，导致后端接收不到book_active参数，最终存入NULL。提供两种解决方式：

方式1：前端添加隐藏字段兜底 #

在复选框前添加一个同名隐藏字段，值设为"N"。这样无论复选框是否勾选，表单都会提交该字段——勾选时复选框的"Y"会覆盖隐藏字段值，未勾选时则提交隐藏字段的"N"：

<input type="hidden" name="book_active" value="N">
<input name="book_active" id="book_active" type="checkbox" role="switch" class="form-check-input" value="Y">

方式2：后端设置默认值 #

如果不想修改前端，在PHP处理提交的逻辑中，给book_active设置默认值：

// 适用于PHP 7+
$book_active = $this->input->post('book_active') ?? 'N';

// 兼容PHP 5.x的写法
// $book_active = isset($_POST['book_active']) ? $_POST['book_active'] : 'N';

二、优化编辑时复选框的状态设置 #

你当前的前端代码可以简化，无需单独写if判断，直接根据接口返回值设置checked属性即可（复选框的value已固定为"Y"，无需动态修改）：

function edit_book(id) {
    save_method = 'update';
    $('#form')[0].reset(); 
    $.ajax({
        url: "<?php echo site_url('book/ajax_edit/') ?>" + id,
        type: "GET",
        dataType: "JSON",
        success: function(data) {
            // 直接根据返回值设置勾选状态
            $('#book_active').prop('checked', data.book_active === 'Y');
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert('Error get data from ajax');
        }
    })
}

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