[Javascript] 建立統一存取控制項 API

2014-11-05

摘要:[Javascript] 建立統一存取控制項 API

最近建立了一個 liarobject js , 主要是提供統一存取 html 控制項的介面 ,

一言簡蔽之 :

You can


$("#checkgroup").getLiarVal();
$("#checkbox").getLiarVal();
$("#input").getLiarVal();


$("#checkgroup").find(":radio:checked").val();
$("#checkbox").find(":checkbox:checked").val();
$("#input").find(":input").val();

我們常常使用 jquery 以下的方式去 set 或者 get 控制項的值 ,


$("#checkgroup").find(":radio:checked").val();
$("#checkbox").find(":checkbox:checked").val();
$("#input").find(":input").val();

這樣一來我們需要自己去判斷控制項的類型然後採取相對應的存取方式 ,

所以建立統一的界面來存取這些控制項 , 一來可以更為精簡程式碼 ,

省略過多的判斷 , 藉由封裝存取 , 以後若需要在封裝的方法中做判斷或者

加工 , 便可以更容易擴散到所有的存取這個介面的應用程式 ,

而不需要花多餘的時間修改

程式範例 :