清空表单数据的方式 js or jquery

最新推荐文章于 2023-07-26 11:31:25 发布

天珩

最新推荐文章于 2023-07-26 11:31:25 发布

阅读量510

点赞数 1

分类专栏：今日所得文章标签： jquery js

原文链接：https://blog.csdn.net/weixin_44375186/article/details/89925341

版权

今日所得专栏收录该内容

24 篇文章 0 订阅

订阅专栏

js 方式：重点是调用 reset() 方法

<html>
<head>
<script type="text/javascript">
function formReset()
  {
  document.getElementById("myForm").reset()
  }
</script>
</head>
 
<form id="myForm">
Name: <input type="text" size="20"><br />
Age: <input type="text" size="20"><br />
<br />
<input type="button" οnclick="formReset()" value="Reset">
</form>
</body>
 
</html>

jquery方式

1）把jquery元素转换为dom 元素，然后调用上面的方法

document.getElementById("myForm").get(0).reset()

或者是

document.getElementById("myForm").[0].reset()

上面两句代码是把jquery元素转换为 dom元素，目的是为了调用js的 reset() 方法

2）清空表单的数据（排除法）选中对应的元素手动的清空

$(':input','#formId')  
 .not(':button, :submit, :reset, :hidden')  
 .val('')  
 .removeAttr('checked')  
 .removeAttr('selected');

查阅的文章

链接: jQuery表单数据重置与清除.

天珩

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录