MySQL 儲存表單複選框值：後端屬性型別選擇

前端提交行為

<input type="checkbox" name="hobby" value="1"> 多個同名 checkbox：

• 勾選項：提交 hobby=1&hobby=3 (多筆同名參數)。
• 未勾選：**完全不提交該參數名**。

後端接收型別對照

資料庫儲存策略

1. 關聯表 (正規化，推薦)：

   user_hobby (user_id, hobby_id) -- hobby_id 參照 hobby_dict
   

   優點：查詢靈活、支援外鍵、擴充性佳。
2. JSON 欄位 (MySQL 5.7+ / PostgreSQL)：

   hobbies JSON -- 存 ["1","3"]
   

   優點：無需額外表、結構彈性。缺點：SQL 查詢較複雜。
3. 逗號分隔字串 (不推薦)：

   hobbies VARCHAR(255) -- 存 "1,3"
   

   缺點：查詢需 FIND_IN_SET/LIKE、難以索引、維護麻煩。

實體類別屬性定義 (Java 範例)

@Entity
public class User {
    @Id Long id;
    
    @ElementCollection // JPA 映射集合至關聯表
    @CollectionTable(name = "user_hobby", joinColumns = @JoinColumn(name = "user_id"))
    @Column(name = "hobby_id")
    private Set hobbies = new HashSet<>(); // 或 List
    
    // getter/setter
}

關鍵提醒

• 未勾選任何項時：後端接收到 null 或空陣列，**務必處理**，否則更新時可能誤清空舊資料。
• 前端建議加隱藏欄位 <input type="hidden" name="hobby" value=""> 確保參數存在 (部分框架需要)。
• 資料庫層面加 CHECK (JSON_VALID(hobbies)) 保證 JSON 格式。

Spring MVC 直接用 List<String> 接收，配合 JPA @ElementCollection 存關聯表，是處理複選框最標準的做法。

1. 上一篇文章： Java Scanner 輸入驗證：為什麼 catch 區塊需要 sc.next() 清除緩衝區
2. 下一篇文章： Proxool XML 組態 SAX 解析錯誤：首行 BOM/編碼問題

程式設計綜合問答

C# 爬蟲提取淘寶/京東動態渲染商品數據：從 HttpClient 到 Selenium 方案對比

核心挑戰 淘寶、京東等現代電商網站大量使用 JavaScri

C++ 稀疏多項式鏈表實現：加法與乘法算法完善版

數據結構設計 template class Polyno

Boost 庫編譯錯誤排查：查看 bootstrap.log 與路徑中文問題

錯誤現象 執行 bootstrap.bat / b2.exe

HTML 表格單元格背景置頂：CSS 相對定位與負 top 值調整

問題描述 表格中的紅色背景文字想置於單元格頂部，但使用 va