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="重置" οnclick="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>

转载于:https://www.cnblogs.com/jhxk/articles/9681088.html

form表单重置、清空方法记录相关推荐

【HTML】form表单重置、清空方法记录
form表单重置.清空方法记录 myform 是 form 的 id 属性值调用 reset()方法 function fomrReset() {document.getElementById(&q ...
xss劫持 HTML 表单,XSS 之 form表单劫持(通用明文记录)
[注意:此文章为博主原创文章!转载需注意,请带原文链接,至少也要是txt格式!] 很多时候大家可能某一时刻特别想知道管理员的密码,就算你拿下webshell了,数据库的密码也是加密的,解开会超级麻烦, ...
elementUI form表单重置问题
elementUI form表单重置问题问题如果修改了data里的表单form默认值,那么重置以后就是你修改以后的值,而不是data里的值了所以this.$refs.ruleForm.resetF ...
php ajax form表单提交,Ajax方法实现Form表单提交的方法
这次给大家带来Ajax方法实现Form表单提交的方法,Ajax方法实现Form表单提交的注意事项有哪些,下面就是实战案例,一起来看一下. 写在前面的话在使用form表单的时候,一旦点击提交触发sub ...
原生js实现form表单序列化的方法
当我们有form表单而且里面的表单元素较多时,咱们总不能一个个去获取表单元素内的值来进行拼接吧!这样会很让人蛋疼!为了方便与后台交互并且提高自己的开发效率,并且不让你蛋疼:我们一起用原生来写一个表单序 ...
form表单的使用方法及说明
目录什么是form表单页面跳转 input标签 label的含义多行文本输入框按钮单选框与复选框分组标题分组下拉菜单什么是form表单 form表单是一个较为复杂的系统标签,其内部又可 ...
form表单的属性方法
1.form表单:<form></form>action:用户提交的数据提交到的位置[指定的页面]method:用户的提交方式post:传输的数据量更大,更安全get:反之传输 ...
form表单间接提交方法
今天在编写页面的时候遇到了一个小问题代码如下, ` <form id="login_form" method="post" ><div cla ...
form表单以ajax方法提交，附加额外的数据
在项目中有个添加账户的模块,如下图.填写的信息以表单是形式ajax的方法提交,但是又需要添加额外信息给后台(比如:创建人),首先要引入JQuery.js库,和jquery.form.js var op ...
javascript中FORM表单的submit()方法经验教训.
@author songfeng 因为JS内对象的方法实际上是存储语句的一个类似于指针的东西. 其指向了内存的一个位置, 也就是其函数的位置,当然也可以让其指向一个变量值 ...

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

form表单重置、清空方法记录相关推荐

最新文章

热门文章