点击form 表单中的button导致页面刷新问题

站长手记 作者: 2024-08-28 01:20:01
做点击按钮切换背景样式与内容的时候每次都刷新页面 ,发现button写在了form 标签当中,将input或者button的type属性改为button,点击按钮页面就不会自动重新加载了。
<form>
  <!-- ... -->
  <button>提交</button>
</form>

原因分析:

<button class="btn btn-success margin_r20" id="startTest" type="button">开始调试</button>
$("#startTest").click(function(){
	   $(".stateOnline").css("display","inline-block");
	   if($(this).hasClass("btn-success")){
	     alert("hi")
		 $(this).text("停止调试")
	     $(this).removeClass("btn-success").addClass("btn-warning")
	   }
	   else if($(this).hasClass("btn-warning")){
	     $(this).text("开始调试")
	     $(this).removeClass("btn-warning").addClass("btn-success")
	   }
})
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69853.html
form button