form表單重置、清空方法記錄
阿新 • • 發佈：2019-01-12
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>