使用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/