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

2024-05-06 16:17:32

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法,涉及jQuery中val与attr方法的使用技巧,需要的朋友可以参考下

本文实例讲述了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>