使用jquery实现的清空表单元素代码实例

Posted 2020-06-14

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