使用jquery實現的清空表單元素代碼實例:如果表單的元素較多的話,如果想情況以前填寫的內容可能有點耗費體力,不夠人性化,下麵就介紹一下如何利用jquery代碼實現快捷清除表單元素內容的功能,先看一段代碼實例: $('#theform')[0].reset(); 很朋友可能認為上面的代碼就完全實現我
使用jquery實現的清空表單元素代碼實例:
如果表單的元素較多的話,如果想情況以前填寫的內容可能有點耗費體力,不夠人性化,下麵就介紹一下如何利用jquery代碼實現快捷清除表單元素內容的功能,先看一段代碼實例:
$('#theform')[0].reset();
很朋友可能認為上面的代碼就完全實現我們的要求,其實這是錯誤的,reset()函數是重置的意思,也就是將表單元素的值重置為預設值而不是清空,如下麵的文本框:
<input type="text" value="螞蟻部落"/>
上面的文本框中的值會被重置為"螞蟻部落",而不是清空,所以代碼修改如下:
$(':input','#theform') .not(':button,:submit,:reset,:hidden') .val('') .removeAttr('checked') .removeAttr('selected');
上面的代碼就是實現了我們的要求,代碼非常的簡單,這裡不多介紹,可以參閱相關閱讀。
相關閱讀:
1.not()函數可以參閱jQuery的not()方法一章節。
2.removeAttr()函數可以參閱jQuery的removeAttr()方法一章節。
3.val()函數可以參閱jQuery的val()方法一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15272
更多內容可以參閱:http://www.softwhy.com/jquery/