jQuery点击按钮后用禁用按钮并显示[正在处理...]的实现代码

发布时间:2021-01-22编辑:脚本学堂
本文介绍下,用jquery实现,点击按钮后,便禁用该按钮,并显示文字:正在处理...。有需要的朋友参考下吧。

具体实现:
通过val设置按钮的文字,并用attr修改disabled属性。

演示代码:
 

复制代码 代码示例:
<html>
<body>
<form method="get" action="http://www.jb200.com" target="box">
<input id="buttonid" type= "submit" value= "提交" />
</form>
<iframe name="box"></iframe>
<script type="text/javascript" src="/js/jquery.js"></script>
<script>
$("form").submit(function() {
           $("#buttonid").val("正在处理...");
           $("#buttonid").attr("disabled", "disabled");
          });
</script>
</body>
</html>