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表單數據重置與清除.