form表单重置、清空方法记录

myform 是form的id属性值

1.调用reset（）方法

1 function fomrReset()
2 {
3     document.getElementById("myform").reset();
4 }

2. 逐个清空input、select值

1 function resetAll() {
2     $("#myform").find(\'input[type=text],select,input[type=hidden]\').each(function() {
3         $(this).val(\'\');
4     });
5 }

3.排除法清空form表单

 1 <!DOCTYPE html>
 2 <html>
 3 
 4     <head>
 5         <meta charset="UTF-8">
 6         <title>form表单重置</title>
 7         <script src="login/js/jquery-1.4.2.min.js"></script>
 8     </head>
 9 
10     <body>
11         <form action="" method="post" id="myform">
12             <label for="name">姓名：</label>
13             <input type="text" name="name" id="name" value="" placeholder="请输入名字" />
14             <label>性别：</label>
15             <input type="radio" name="sex" checked value="" />男
16             <input type="radio" name="sex" value="" />女
17         </form>
18         <input type="button" name="" value="重置" onclick="formReset()" />
19         <script type="text/javascript">
20             function formReset() {
21                 $(\':input\', \'#myform\')
22                     .not(\':button, :submit, :reset, :hidden,:radio\') // 去除不需要重置的input类型
23                     .val(\'\')
24                     .removeAttr(\'checked\')
25                     .removeAttr(\'selected\');
26             }
27         </script>
28     </body>
29 
30 </html>