本文介绍如何使用JavaScript和jQuery来重置HTML表单，包括调用reset()方法和手动清空表单数据的两种方式。对于JavaScript，直接通过getElementById选择表单并调用reset()方法即可实现；而jQuery则提供了更多灵活性，如转换为DOM元素调用reset()，或手动遍历输入元素进行清空。
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表单数据重置与清除.
扫一扫
2408
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
