javascript按鈕禁用和啟用的效果實例代碼
更新時間:2017年10月29日 11:01:08 作者:如孩子天真的微笑
這篇文章主要介紹了javascript按鈕禁用和啟用的效果實例代碼,需要的朋友可以參考下
廢話不多說了,直接給大家貼代碼了,具體代碼如下所述:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>按鈕啟用和禁用</title> <script type="text/javascript"> function btn1() { document.getElementById("btn1").disabled=true; document.getElementById("btn1").innerHTML="禁用按鈕1"; document.getElementById("btn2").disabled=false; document.getElementById("btn2").innerHTML="啟用按鈕2"; } //按鈕2 function btn2() { document.getElementById("btn1").disabled=false; document.getElementById("btn1").innerHTML="啟用按鈕1"; document.getElementById("btn2").disabled=true; document.getElementById("btn2").innerHTML="禁用按鈕2"; } </script> </head> <body> <div style="position:absolute;left:400px;top:200px"> <button id="btn1" onclick="btn1();" style="width:100px;height:100px; ">按鈕1</button> <button id="btn2" onclick="btn2();" style="width:100px;height:100px; margin-left:100px ">按鈕2</button> </div> </body> </html>
效果:
總結
以上所述是小編給大家介紹的javascript按鈕禁用和啟用的效果實例代碼,希望對大家有所幫助!
相關文章
JavaScript中in和hasOwnProperty區(qū)別詳解
in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在于實例中時才返回true。下面通過本文給大家分享JavaScript中in和hasOwnProperty區(qū)別詳解,感興趣的朋友一起看看吧2017-08-08微信小程序如何實現(xiàn)數(shù)據(jù)共享與方法共享詳解
這篇文章主要給大家介紹了關于微信小程序如何實現(xiàn)數(shù)據(jù)共享與方法共享的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-01-01form表單數(shù)據(jù)封裝成json格式并提交給服務器的實現(xiàn)方法
下面小編就為大家分享一篇form表單數(shù)據(jù)封裝成json格式并提交給服務器的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12使用javascript實現(xiàn)一個在線RGB顏色轉換器
目前已經(jīng)有很多網(wǎng)頁版在線小工具,之前很多窗體化的工具也逐漸網(wǎng)頁化,比如:PS畫圖軟件,也都能直接網(wǎng)頁化進行設計,由于自己實際項目經(jīng)常會用到顏色轉換,所以直接自己開發(fā)個簡單版的在線顏色轉換小工具,需要的朋友可以參考下2024-01-01