欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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ū)別詳解

    JavaScript中in和hasOwnProperty區(qū)別詳解

    in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在于實例中時才返回true。下面通過本文給大家分享JavaScript中in和hasOwnProperty區(qū)別詳解,感興趣的朋友一起看看吧
    2017-08-08
  • 原生js實現(xiàn)滑塊區(qū)間組件

    原生js實現(xiàn)滑塊區(qū)間組件

    這篇文章主要為大家詳細介紹了js實現(xiàn)滑塊區(qū)間組件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • js CSS操作方法集合

    js CSS操作方法集合

    用js實現(xiàn)的對css的一些操作方法,集合,方便需要用js控制css的朋友
    2008-10-10
  • 微信小程序如何實現(xiàn)數(shù)據(jù)共享與方法共享詳解

    微信小程序如何實現(xiàn)數(shù)據(jù)共享與方法共享詳解

    這篇文章主要給大家介紹了關于微信小程序如何實現(xiàn)數(shù)據(jù)共享與方法共享的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2022-01-01
  • JavaScript尾遞歸的實現(xiàn)及應用場景

    JavaScript尾遞歸的實現(xiàn)及應用場景

    本文主要介紹了JavaScript尾遞歸的實現(xiàn)及應用場景,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-05-05
  • js中同步與異步處理的方法和區(qū)別總結

    js中同步與異步處理的方法和區(qū)別總結

    若要在使用ajax請求后處理發(fā)送請求返回的結果,最好使用同步請求,下面為大家介紹下js中同步與異步處理的方法和區(qū)別,感興趣的朋友不要錯過
    2013-12-12
  • form表單數(shù)據(jù)封裝成json格式并提交給服務器的實現(xiàn)方法

    form表單數(shù)據(jù)封裝成json格式并提交給服務器的實現(xiàn)方法

    下面小編就為大家分享一篇form表單數(shù)據(jù)封裝成json格式并提交給服務器的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • 詳解webpack自動生成html頁面

    詳解webpack自動生成html頁面

    本篇文章主要介紹了詳解webpack自動生成頁面,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • 使用javascript實現(xiàn)一個在線RGB顏色轉換器

    使用javascript實現(xiàn)一個在線RGB顏色轉換器

    目前已經(jīng)有很多網(wǎng)頁版在線小工具,之前很多窗體化的工具也逐漸網(wǎng)頁化,比如:PS畫圖軟件,也都能直接網(wǎng)頁化進行設計,由于自己實際項目經(jīng)常會用到顏色轉換,所以直接自己開發(fā)個簡單版的在線顏色轉換小工具,需要的朋友可以參考下
    2024-01-01
  • canvas快速繪制圓形、三角形、矩形、多邊形方法介紹

    canvas快速繪制圓形、三角形、矩形、多邊形方法介紹

    本文主要介紹了使用canvas來繪制常見的各種圖形實例,并且會簡單封裝一下繪制各圖形的方法,最后會分享給大家一個封裝好的快速繪制多邊形的方法。下面跟著小編一起來看下吧
    2016-12-12

最新評論