jquery实现点击俩个按钮解锁第三个按钮功能思路及例子

最新推荐文章于 2022-12-14 15:37:34 发布

南归北隐

最新推荐文章于 2022-12-14 15:37:34 发布

阅读量1.1k

点赞数

分类专栏：程序式界

本文链接：https://blog.csdn.net/qq_17025903/article/details/80580525

版权

程序式界专栏收录该内容

77 篇文章 5 订阅

订阅专栏

最近做进度条功能，有个需求要求点击前俩个按钮运行完毕后，解锁第三个按钮才能开启终极功能。

想了一下大概的思路就是点击第一个按钮count+1，点击第二个count+1，count=2则解锁开启第三个按钮

点击开启终极功能。终极功能执行完毕后还原count为null，还原前俩个按钮的锁定。

下面是例子html 和js

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../media/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
   
	var count=null;
	function test1(){
		 if(count==null || count==1){
			 count+=1;
			 $("#test1").attr("disabled","disabled");
		 }		 
		if(count==2){
			$("#test3").removeAttr("disabled");
		}
	}
	function test2(){
		 if(count==null || count==1){
			 count+=1;
			 $("#test2").attr("disabled","disabled");
		 }
		if(count==2){
			$("#test3").removeAttr("disabled");
		}
	}
	function test3(){
		count=null;		
		$(".inplan").removeAttr("disabled");
		alert("程序已经执行..");		
	}
</script>
<title>Insert title here</title>
</head>
<body>
	<input type="button" value="测试1" class="inplan" id="test1" οnclick="test1()">
	<input type="button" value="测试2" class="inplan" id="test2" οnclick="test2()">
	<input type="button" value="测试3 " id="test3"  disabled="disabled"  οnclick="test3()" >
</body>
</html>

南归北隐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery实现点击俩个按钮解锁第三个按钮功能思路及例子

最近做进度条功能，有个需求要求点击前俩个按钮运行完毕后，解锁第三个按钮才能开启终极功能。想了一下大概的思路就是点击第一个按钮count+1，点击第二个count+1，count=2则解锁开启第三个按钮点击开启终极功能。终极功能执行完毕后还原count为null，还原前俩个按钮的锁定。下面是例子html 和js&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&g...
复制链接

扫一扫