jQuery清除表單數據代碼實例

jQuery清除表單數據代碼實例:
清除表單中的數據最簡單的方法，就是點擊重置按鈕實現清空效果，但是在實際應用中可能需要根據代碼的具體運行情況來清除表單中的數據，下麵就分享一段能夠實現此功能的jQuery代碼。

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下拉菜單，就取消選中項。
二.相關閱讀:
1.jQuery.each()方法可以參閱jQuery.each()方法一章節。
2.type屬性可以參閱javascript的text.type屬性一章節。
3.tagName屬性可以參閱javascript如何獲取元素的tagName標簽名一章節。  
4.toLowerCase()函數可以參閱javascript的String對象的toLowerCase()方法一章節。
5.checked屬性可以參閱javascript的checkbox.checked屬性一章節。 
6.selectedIndex屬性可以參閱javascript的select.selectedIndex屬性一章節。 

更多內容可以參閱:http://www.softwhy.com/forum.php?mod=viewthread&tid=12219

更多內容可以參閱:http://www.softwhy.com/jquery/