jquery设置按钮停顿3秒不可用

201 阅读 0 评论 133 点赞

我是靠谱客的博主多情鲜花，最近开发中收集的这篇文章主要介绍jquery设置按钮停顿3秒不可用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<!DOCTYPE html> 
<html> 
<head> 
<title> my name is lian lily</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 

var times = 0 
function show(obj) { 
$("#btn_"+obj).attr("disabled","disabled");//设置button不可用 
times++; 
if(times == 2){ 
alert(obj); 
times = 0; 
$("#btn_"+obj).removeAttr("disabled"); 
return ; 
} 
//$("#frm"+obj).submit(); 
setTimeout("show("+obj+")" , 3000); 
} 
</script> 
</head> 

<body> 
<form action ='post.php' method="post" name="frm1" id="frm1"> 
<input type="button" name="btn_1" id="btn_1" value="提交1" onclick="show(1)" /> 
</form> 

<form action ='post.php' method="post" name="frm2" id="frm2"> 
<input type="button" name="btn_2" id="btn_2" value="提交2" onclick="show(2)"/> 
</form> 
</body> 
</html> 