//定義操作,true意味著激活的按鈕.false意味著失效的按鈕. var add = true , update = true, save = true, cancel = true, search = true, opeation = ''; $(function(){ //初始化 init(); //add操作 $("#form-add").click(function(){ var add = false, update = false, search = false; buttonChange(add,update,save,cancel,search); }); //update操作 $("#form-update").click(function(){ var add = false, update = false, search = false; buttonChange(add,update,save,cancel,search); }); //save操作 $("#form-save").click(function(){ //save操作之後,與原始狀態相同 init(); }); //cancel操作 $("#form-cancel").click(function(){ //cancel操作之後,與原始狀態相同 init(); }); //search $("#form-search").click(function(){ //點擊收縮后得到某些數據,update激活. var add = false, save = false, cancel = false, search = false; buttonChange(add,update,save,cancel,search); }); //操作按鈕初始化,一開始時只有add,search是激活的 function init(){ buttonActive('add'); buttonUnactive('update'); buttonUnactive('save'); buttonUnactive('cancel'); buttonActive('search'); } //按鈕激活與失效轉換 function buttonChange(add,update,save,cancel,search){ //true的為激活,否則為失效 add==true?buttonActive('add'):buttonUnactive('add'); update==true?buttonActive('update'):buttonUnactive('update'); save==true?buttonActive('save'):buttonUnactive('save'); cancel==true?buttonActive('cancel'):buttonUnactive('cancel'); search==true?buttonActive('search'):buttonUnactive('search'); } //按鈕失效樣式 function buttonUnactive(operation){ $("#form-"+operation).css({"background-color":"#CCCCBB"}); $("#form-"+operation).attr("disabled",'disabled'); } //按鈕激活樣式 function buttonActive(operation){ $("#form-"+operation).css({"background-color":"#0CF"}); $("#form-"+operation).removeAttr("disabled"); } function drawTable(){ } });
收藏
0人收藏
- 2017-09-11 10:32:11处理移动端PPI过高问题 by shenspring
- 2017-09-10 11:01:16HTML5 Canvas的使用 by 林峰
- 2017-09-08 16:17:09ie升级提示纯html by huwei
- 2017-09-08 10:05:25Android传感器API之:近距离感应Proximity功能源码 by huwei
- 2017-09-07 13:00:47百度地图API自动定位和3种导航 by shenspring
- 2017-09-07 12:52:35html5 + css3 + jQuery + 响应式布局设计 by huwei
- 2017-09-07 12:13:51腾讯微云网站首页抠下来的全屏焦点图(jQuery) by 龙堂修罗
- 2017-09-06 11:29:39仿百度首页 by init0
- 2017-09-06 10:34:35twitter-bootstrap中modal的加载新页面 by shenspring
- 2017-09-05 10:18:36Lightbox effect with Tabindex and CSS3 by 龙堂修罗
- 2018-03-30 21:56:50java自动识别用户上传的文本文件编码 by Hugh
相关聚客文章