你的位置:首页 > Java教程

[Java教程]使用jquery实现的清空表单元素代码实例


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