[jQuery] – 取得Check box的值

Home / Javascript / JQuery / [jQuery] – 取得Check box的值

Checkbox 是可以多選的,而且這些多選的選項都擁有相同的欄位名稱,而 jQuery 對於處理 checkbox 的方式並不像 多選下拉選單 (select multiple) 直接回傳陣列那樣直覺,如果你用以下程式碼撰寫程式,得到的將只會有「第一個勾選項目」的值,並非所有勾選項目的完整內容!

若你想取得所有勾選項目值為一個陣列,寫法稍微複雜一些些,第一種寫法要先定義好一個陣列再透過 .each() 取值:

另一個寫法是透過 .map() 將回傳值轉譯成為另一種陣列,如下:

另外還有一種解法,就是透過 jQuery Batch Plugin 來取值,載入這個 Plugin 後,程式碼變成如下:

另外以下為制作全選/全不選的checkbox,下列為html格式

下列為Javascript語法:

 

36499 全部 26 今日

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

*