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>