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>

 

posted @ 2017-10-26 10:09  微笑的小小向日葵  阅读(42008)  评论(0)  编辑  收藏  举报