jquery重置表單。本站提示廣大學習愛好者:(jquery重置表單)文章只能為提供參考,不一定能成為您想要的結果。以下是jquery重置表單正文
表單一般都有重置功能,在重置表單時需要將各個輸入框中的值清空,如果輸入框比較多,一個一個清空會比較麻煩,使用jquery的方法直接將表單中的所有輸入框全部清空,首先給出一個form表單:
<form id="form">
<input type="text" value="123" /><br />
<input type="radio" name="radio" value="1" checked="checked"/>
<input type ="radio" name="radio" value="2" />
<input type="file" /><br />
<input type="checkbox" name="checkbox" value="1" checked="checked"/>
<input type="checkbox" name="checkbox" value="2" /><br />
<input type="submit" value="提交"/>
<input type="button" id="reset" value="重置" />
</form>
需要在頁面上引入jquery:
<script type="text/javascript" src="js/jquery.min.js" ></script>
重置表單方法:
<script>
$(function(){
$("#reset").click(function(){
$(':input','#form')
.not(':button,:submit,:reset,:hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
});
});
</script>
使用以上方法即可將表單中的輸入框清空,但是這種方式會將類似input type="text" value="123" />這種有默認值的輸入框也清空。