首页 > 代码库 > jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法。分享给大家供大家参考。具体实现方法如下:

这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能。

主要代码如下:

 
<html>
<body>
<form method="get" action="" target="box">
<input id="buttonid" type="submit" value=http://www.mamicode.com/"提交" />
</form>
<script type="text/javascript" src=http://www.mamicode.com/"js/jquery-1.6.2.min.js"></script>
<script>
$("form").submit(function() {
  $("#buttonid").val("正在处理...");
  $("#buttonid").attr("disabled", "disabled");
});
</script>
</body>
</html>

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法