Laravel+Inertia.js复选框值无法写入数据库无报错求助

代码中的核心问题 #

• 错误组件选型：用TextInput处理checkbox类型输入不合适，这类组件通常为文本输入设计，无法正确处理checkbox的checked状态逻辑，建议改用原生<input type="checkbox">或专门的Checkbox组件。
• handleChange逻辑错误：checkbox的选中状态要通过e.target.checked获取，而非e.target.value（默认值是'on'，和选中状态无关）。另外你的逻辑没有将状态更新到data对象中，导致表单提交时字段值无变化。
• 状态绑定错误：checkbox的选中状态应该用checked属性绑定，而非value属性，value仅用于提交时的固定值，不控制选中状态。

修正后的代码示例 #

<div className={'col-span-1'}>
  <InputLabel
    value={'Password PDF'}
    className={'mb-2 font-bold text-base'}
    required={false}
  />
  <input
    type={'checkbox'}
    name={'is_password'}
    className={''}
    // 绑定选中状态，假设数据库存1代表选中，0代表未选中
    checked={data.is_password === 1}
    onChange={(e) => {
      // 更新state中的数据
      setData(prev => ({
        ...prev,
        is_password: e.target.checked ? 1 : 0
      }))
    }} 
  />
  <InputError message={errors.is_password}/>
</div>

<div className="col-span-1">
  <InputLabel
    value={'Stamping'}
    className={'mb-2 font-bold text-base'}
    required={false}
  />
  <input
    type={'checkbox'}
    name={'is_stamping'}
    className={''}
    checked={data.is_stamping === 1}
    onChange={(e) => {
      setData(prev => ({
        ...prev,
        is_stamping: e.target.checked ? 1 : 0
      }))
    }}  
  />
  <InputError message={errors.is_stamping}/>
</div>

额外检查点 #

• 控制器层：确认后端允许接收is_password和is_stamping字段（比如Laravel中模型的$fillable数组包含这两个字段），且参数处理逻辑正确。
• 数据库迁移：检查字段类型是否为tinyint(1)或boolean，确保字段能存储1/0或true/false值。
• 表单提交：提交前确认data对象中这两个字段已被正确赋值，避免提交时缺失字段导致数据库存为null。

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