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" />這種有默認值的輸入框也清空。