1. 程式人生 > >多複選框傳值

多複選框傳值

需求是這樣的:

  需要設計多個欄位,分別對應實體的各個屬性,儲存到對應的屬性下。

  首先想到的是複選框,但是如果使用一個複選,選擇多個數據時,要麼後臺根據逗號隔開,再判斷哪個屬性是否有值,非常的繁瑣;於是想到了多個複選解決;一個複選框只有一個值(即只有一個option),在選擇這個複選時改變這個唯一option的值,但是option不好實現,所以使用過的隱藏域,每個複選對應一個隱藏域,當選中時,改變隱藏域的值,而隱藏域對應是物件的屬相;在儲存時通過判斷是否選中來設定隱藏域的值,達到儲存的效果;在修改回顯時,通過回顯隱藏域的值才判斷複選是否選中;而達到回顯效果;具體程式碼如下:

前臺的複選和隱藏域:

 在儲存時判斷是否選中,設定隱藏域的值:

在修改時回顯:

   預設回顯到隱藏域,然後根據隱藏域的值,判斷複選是否選中: