Form Auto
We use google-code-prettify to customize our style.

Introduction

網頁在「接後端」時，常常會需要將Form裡面的select、checkbox或radio從資料庫抓出來並正確顯示，但除了type='text'可以直接將值塞進去以外，其他的都得刻意處理一番（通常使用不少的PHP運算），雖非難事但仍會耗損許多工作時間。 因此Formauto可以只貼一串程式碼，就可以快速地將各種表單正確顯示出來，目前可應用在「select、checkbox、radio」身上。

怎麼用？凡事加入thevalue！

jQuery

<script type="text/javascript" src="http://www.25sprout.com/25lab/formauto/js/formauto.js"></script>


Select篇

這個select一旦放入了「thevalue='2'」，就會自動選擇值為2的選項，就不用針對所有的option寫if else if else啦！ 
<select thevalue="2" >
<option value="1">一年級</option>
<option value="2">二年級</option>
<option value="3">三年級</option>
</select>


checkbox篇

checkbox的儲存方式通常是array的形式，只要將array值丟到各個checkbox的thevalue，一樣可以直接判斷並打勾。
PS:注意，小心雙引號與單引號，一定是thevalue="['2','3']"或thevalue='["2","3"]''其中一個啦。 
<label >貪睡功能<input type="checkbox" thevalue="['2','3']" name="function[]" value="1"  > </label>
<label >大音量鬧鈴<input type="checkbox"  thevalue="['2','3']" name="function[]" value="2" > </label>
<label >鬧鈴預響<input type="checkbox"  thevalue="['2','3']" name="function[]" value="3"  > </label>


radio篇

一樣只要在加入「thevalue="boy"」只要值為boy的就會打勾
ＰＳ：由於radio同一組name只能有一個打勾的關係，如果出現兩組以上，則只會打勾最後一個喔。 
<label > <input name="gender" value="girl" thevalue="boy" type="radio">妹子</label>
<label > <input name="gender" value="boy"  thevalue="boy"  type="radio">雄性動物</label>

LEAVE COMMENTS