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

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表单数据重置与清除.

发布了52 篇原创文章 · 获赞 11 · 访问量 2449

猜你喜欢

转载自blog.csdn.net/weixin_41705396/article/details/105657887