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
這篇文章主要為大家詳細介紹了js實現(xiàn)滑塊區(qū)間組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
用js實現(xiàn)的對css的一些操作方法，集合，方便需要用js控制css的朋友2008-10-10
微信小程序如何實現(xiàn)數(shù)據(jù)共享與方法共享詳解
這篇文章主要給大家介紹了關于微信小程序如何實現(xiàn)數(shù)據(jù)共享與方法共享的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-01-01
本文主要介紹了JavaScript尾遞歸的實現(xiàn)及應用場景，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
若要在使用ajax請求后處理發(fā)送請求返回的結果，最好使用同步請求，下面為大家介紹下js中同步與異步處理的方法和區(qū)別，感興趣的朋友不要錯過2013-12-12
form表單數(shù)據(jù)封裝成json格式并提交給服務器的實現(xiàn)方法
下面小編就為大家分享一篇form表單數(shù)據(jù)封裝成json格式并提交給服務器的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
本篇文章主要介紹了詳解webpack自動生成頁面，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
使用javascript實現(xiàn)一個在線RGB顏色轉換器
目前已經(jīng)有很多網(wǎng)頁版在線小工具,之前很多窗體化的工具也逐漸網(wǎng)頁化,比如：PS畫圖軟件,也都能直接網(wǎng)頁化進行設計,由于自己實際項目經(jīng)常會用到顏色轉換,所以直接自己開發(fā)個簡單版的在線顏色轉換小工具,需要的朋友可以參考下2024-01-01
本文主要介紹了使用canvas來繪制常見的各種圖形實例，并且會簡單封裝一下繪制各圖形的方法，最后會分享給大家一個封裝好的快速繪制多邊形的方法。下面跟著小編一起來看下吧2016-12-12