有关于按钮不可点击

想实现一个功能,整体逻辑是接收到数据前,按钮是不可点击;接受数据后,按钮是属于可以点击的。

后台数据传输,类似于下载,还没结束,此时例如,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>



猜你喜欢

转载自blog.csdn.net/walk_man_3/article/details/80675629