jQuery清除表單資料程式碼例項
清除表單中的資料最簡單的方法,就是點選重置按鈕實現清空效果,但是在實際應用中可能需要根據程式碼的具體執行情況來清除表單中的資料,下面就分享一段能夠實現此功能的jQuery程式碼。
[JavaScript] 純文字檢視 複製程式碼function clearForm(form) { $(':input', form).each(function() { var type = this.type; var tag = this.tagName.toLowerCase(); if (type == 'text' || type == 'password' || tag == 'textarea') this.value = ""; else if (type == 'checkbox' || type == 'radio') this.checked = false; else if (tag == 'select') this.selectedIndex = -1; }); };
以上程式碼實現了我們的要求,下面對程式碼做一下簡單註釋。
一.程式碼註釋:
1.function clearForm(form) {},引數為表單物件。
2.$(':input', form).each(function() {}),遍歷表單中的每一個input元素。
3.var type = this.type,獲取input元素的type屬性值。
4.var tag = this.tagName.toLowerCase(),獲取標籤名稱並且將標籤名轉換為小寫。
5.if (type == 'text' || type == 'password' || tag == 'textarea') this.value = "",如果input元素的型別為文字或者密碼框或者標籤為多行文字框,就將value屬性值設定為空。
6.else if (type == 'checkbox' || type == 'radio') this.checked = false,如果為單選框或者核取方塊,那麼就取消選中。
7.else if (tag == 'select') this.selectedIndex = -1,如果是select下拉選單,就取消選中項。
相關文章
- jQuery清除快取例項程式碼jQuery快取
- jQuery表單驗證簡單程式碼例項jQuery
- 使用javascript清空表單元素資料程式碼例項JavaScript
- jQuery點選文字框清除內容程式碼例項jQuery
- 使用jquery實現的清空表單元素程式碼例項jQuery
- jQuery將表單序列化為物件的程式碼例項jQuery物件
- jquery設定表單元素為不可用程式碼例項jQuery
- jQuery 數秒後自動提交form表單程式碼例項jQueryORM
- jQuery實現的表單註冊驗證程式碼例項jQuery
- jQuery is() 程式碼例項jQuery
- 清空form表單例項程式碼ORM單例
- jQuery遍歷讀取json格式資料簡單程式碼例項jQueryJSON
- jQuery鏈式呼叫簡單例項程式碼jQuery單例
- jQuery 省市級聯選單程式碼例項jQuery
- jquery自定義事件簡單例項程式碼jQuery事件單例
- jQuery簡單調色器程式碼例項jQuery
- CSS清除浮動程式碼例項CSS
- jQuery處理json格式資料程式碼例項jQueryJSON
- JavaScript 表單驗證程式碼例項JavaScript
- 表單提示美化效果程式碼例項
- jQuery美化select下拉選單程式碼例項jQuery
- jQuery操作select下拉選單程式碼例項jQuery
- jquery簡單計算機功能程式碼例項jQuery計算機
- jquery隨機瀑布流簡單程式碼例項jQuery隨機
- jQuery登錄檔單驗證程式碼例項jQuery
- jQuery選項卡例項程式碼jQuery
- jQuery對JSON格式資料的解析例項程式碼jQueryJSON
- jQuery遍歷json格式資料完整程式碼例項jQueryJSON
- jQuery實現的簡單投票簡單程式碼例項jQuery
- css清除浮動程式碼例項演示CSS
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- jQuery事件冒泡程式碼例項jQuery事件
- 使用ajax方式提交表單程式碼例項
- jquery圖片預載入簡單程式碼例項jQuery
- 將表格資料匯入Excel表程式碼例項Excel
- jquery使用each()方法遍歷json資料程式碼例項jQueryJSON
- js驗證表單項是否為空例項程式碼JS