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

weixin_30653097

于 2017-02-13 21:06:00 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sjqq/p/6395381.html

本文介绍了一种使用jQuery实现表单提交按钮点击后显示为正在处理状态并禁用的方法。通过val方法更改按钮文本，利用attr方法设置disabled属性来防止重复点击。

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法。分享给大家供大家参考。具体实现方法如下：
这里主要通过val方法设置按钮的文字，并用attr方法修改disabled属性实现该功能。
主要代码如下:
 
<html>
<body>
<form method="get" action="" target="box">
<input id="buttonid" type="submit" value="提交" />
</form>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script>
$("form").submit(function() {
  $("#buttonid").val("正在处理...");
  $("#buttonid").attr("disabled", "disabled");
});
</script>
</body>
</html>