JQuery 清空表单

一、清空表单与reset （重置）表单不是一个概念。reset 表单是把表单的内容重置到最初状态。如下代码：

<input name="percent" value="50"/>  

 

$('#myform')[0].reset(); 

 

 reset 表单后，文本框中的值是：50，清空表单后，文本框应该是空的。

二、用JQuery代码实现：

$(':input','#myform')  
 .not(':button, :submit, :reset, :hidden')  
 .val('')  
 .removeAttr('checked')  
 .removeAttr('selected');  

 解释如下：

 

It is using the :input 

selector which will match all input, textarea, select and button elements. Since we are passing #myform 
as the second argument, it will only find inputs inside this form 
element. Then it filters out all buttons, submits, resets and hidden 
inputs using not() 

. Then it is using val() 

to set the value of the remaining fields to an empty string, and then it uses removeAttr 

to remove the checked 
and selected 
attribute of the fields in case you have any radio/checkbox/select inputs. Tada. 

参考资料：http://reymont.iteye.com/blog/756756