jquery js 重置表单 reset()具体实现代码
时间：2021-03-10 09:23:49|栏目：jquery|点击： 次
在开发中，我们会用到很多表单，我们希望表单提交以后，能reset，
但是jquery没有这个方法，怎么处理呢？
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我们可以通过就是实现
id：
document.getElementById("form1").reset();
name：
document.formName.reset();
方法二：
逐一清空：
$("#inp").val("1");
但是表单太多的话，这也是不实际的，有100个，1000个，总不能写100，个1000个吧。
也许你会说，写成这样：
$("input").val("");
那表单的默认值呢？表单还有其他类型，都写一遍？
加type为reset的input
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
$("input[name='res']").click();
所有表单清空
ok
但是jquery没有这个方法，怎么处理呢？
复制代码 代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我们可以通过就是实现
id：
复制代码 代码如下:
document.getElementById("form1").reset();
name：
复制代码 代码如下:
document.formName.reset();
方法二：
逐一清空：
复制代码 代码如下:
$("#inp").val("1");
但是表单太多的话，这也是不实际的，有100个，1000个，总不能写100，个1000个吧。
也许你会说，写成这样：
复制代码 代码如下:
$("input").val("");
那表单的默认值呢？表单还有其他类型，都写一遍？
加type为reset的input
复制代码 代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
复制代码 代码如下:
$("input[name='res']").click();
所有表单清空
ok
