想实现一个功能,整体逻辑是接收到数据前,按钮是不可点击;接受数据后,按钮是属于可以点击的。
后台数据传输,类似于下载,还没结束,此时例如,button不可点击,过一段时间,后台数据传输接受完,button可点击。
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>js COOKIE 记住帐号或密码</title>
<script>
function start(){
var btn1 = document.getElementById("btn1");
btn1.disabled=true;
当开始接受数据,还未接受完
$('#btn1').style.visiblity="visable";
btn2.disabled=false;
}
function end(){
var btn2 = document.getElementById("btn2");
当接受完数据后
$('#btn2').style.visiblity="visable";
btn2.disabled=false;
}
</script></head><body><div> <div style="float: left; display:inline; hidden">接受数据,还未完</div> <button id="btn1" onclick="start()">按钮</button> <div style="float: left; display:inline; hidden">接受数据,已完结</div>
<button id="btn2" onclick="end()">按钮</button>
</div></body></html>