最近做进度条功能,有个需求要求点击前俩个按钮运行完毕后,解锁第三个按钮才能开启终极功能。
想了一下大概的思路就是点击第一个按钮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>