使用jquery實現的清空表單元素程式碼例項

如果表單的元素較多的話，如果想情況以前填寫的內容可能有點耗費體力，不夠人性化，下面就介紹一下如何利用jquery程式碼實現快捷清除表單元素內容的功能，先看一段程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
$('#theform')[0].reset();

很朋友可能認為上面的程式碼就完全實現我們的要求，其實這是錯誤的，reset()函式是重置的意思，也就是將表單元素的值重置為預設值而不是清空，如下面的文字框:

[HTML] 純文字檢視 複製程式碼
<input type="text" value="螞蟻部落"/>

上面的文字框中的值會被重置為"螞蟻部落"，而不是清空，所以程式碼修改如下:

[JavaScript] 純文字檢視 複製程式碼
$(':input','#theform')
.not(':button,:submit,:reset,:hidden') 
.val('') 
.removeAttr('checked') 
.removeAttr('selected');

上面的程式碼就是實現了我們的要求，程式碼非常的簡單，這裡不多介紹，可以參閱相關閱讀。

相關閱讀:

1.not()函式可以參閱jQuery not()一章節。

2.removeAttr()函式可以參閱jQuery removeAttr()一章節。

3.val()函式可以參閱jQuery val()一章節。