form表單的重置

 <form action="#" id="form1">
  	<input type = "text" name="content">
  	<input type="reset" value="重置 1">
  	<button type="reset">重置 2</button>
  	<input type="button" id="reset_form1" value="重置 3">
  	<input type="button" id="reset_form2" value="重置 4">
 </form>
 <script type="text/javascript">
	$(function() {
	     $("#reset_form1").click(function() {
		 document.getElementById("form1").reset();
	     });
	     $("#reset_form2").click(function() {
		 $("#form1")[0].reset();
	     });
	     /*或者這樣子*/
	     $("input").val("");		
	}
</script>
  1. reset() 方法可以重置input的值。
  2. reset() 方法是js中的方法 $("#id")得到的時jquery對象,是一個數組。需要 $("#id")[0] 或者 $("#id").get(0) 來獲取dom對象。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章