在表單開發的過程中，我們經常面臨著處理各種複雜輸入元素的挑戰。在先前的文章中（“jQuery “快速處理多欄位表單），我們已經介紹了如何迅速處理簡單的表單元素，包括select、text、textarea、number等。然而，當遇到像是radio button、checkbox或者更複雜的multicheckbox時，我們原本的處理方式就不再適用，容易導致資料庫存儲的資訊錯誤。因此，這篇文章旨在紀錄如何在現有的架構上進行調整，以快速獲取這些特殊輸入元素的值。
實作”多欄位表單”時，處理上如果以宣告變數的方式，即使盡量寫的很簡潔也會造成js的部分看起來很繁雜，尤其是大部分的資料為了安全性檢查都是在後端處理為主，因此前端的開發傳值以能快速開發為主。
進行行動網站的bug修改時，遇到其中一個需求是原本只使用 ajax 上傳string格式的input資料，但因為功能擴充除了原本的值要上傳外還需要上傳檔案類型的資料，大部分人都知道，使用 ajax 上傳圖片或檔案需要使用js的FormData物件，若是 ajax 傳遞的資料不包含檔案類型的則基本上都是使用一般的js物件傳遞即可。但其實很多人在遇到同時要傳遞一般input資料及檔案時就會猶豫要如何處理，或是直接將兩件事情分開來做，一是不知道後端如何處理，二是formdata傳送方法的前端return不像一般ajax可設定return物件要被解析的類型（例如text或json)，導致有許多人會搞不懂其運作模式，但其實字串跟檔案是可以透過formdata一起傳送到後端處理的，為了讓大家使用上邏輯更為清晰所以撰寫此篇文章作為紀錄。