jQuery reset()重置表单

最新推荐文章于 2025-03-24 11:02:11 发布

天才小小布

最新推荐文章于 2025-03-24 11:02:11 发布

阅读量3.2w

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/w410589502/article/details/55259780

版权

jQuery 专栏收录该内容

4 篇文章

订阅专栏

首先声明一下，jQuery中是没有reset()方法的，不过是一种间接的方法

 $('#myform')[0].reset();

也就是通过调用 DOM 中的reset方法来重置表单。

一、重置表单的方法

1：通过from的id实现

document.getElementById("formId").reset();

2：通过Name实现（没用过）

document.formName.reset();

3：直接给input传空值

$("input").val("");

二、重置表单实例

<html>
<head>
<script type="text/javascript">
function formReset()
{
document.getElementById("myForm").reset()
}
</script>
</head>

<body>
<p>在下面的文本框中输入一些文本，然后点击重置按钮就可以重置表单。</p>

<form id="myForm">
姓名：<input type="text" size="20"><br />
年龄：<input type="text" size="20"><br />
<br />
<input type="button" οnclick="formReset()" value="重置">
</form>
</body>

</html>

参考文章：JQuery中重置（reset）表单总结