• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    jquery如何實現按鈕只能點擊一次,再點擊就無效

    html+jquery

    代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery若何實現按鈕只能點擊一次,再點擊就無效。

      f703738da97739120b49f10df7198618367ae26b.jpg
    2. 2

      在test.html文件內,引入jquery.min.js庫文件,當作功加載該文件,才能利用jquery中的方式。

      c8ea15ce36d3d539bc457baf3587e950352ab065.jpg
    3. 3

      在test.html文件內,在p標簽內,利用button標簽建立一個按鈕,按鈕名稱為“按鈕”。

      95eef01f3a292df5a727d879b3315c6035a873f1.jpg
    4. 4

      在test.html文件內,設置button標簽的id為mybtn,本家兒要用于下面經由過程該id獲得button對象。

      d439b6003af33a87e4157476c95c10385343b565.jpg
    5. 5

      在test.html文件中,給button按鈕綁定onclick點擊事務,當按鈕被點擊時,執行btnfun()函數。

      3bf33a87e950352ac91951645c43fbf2b2118b65.jpg
    6. 6

      在js標簽中,建立btnfun()函數,在函數內,經由過程id(mybtn)獲得button對象,利用attr()方式將disabled屬性設置為disabled,讓按鈕釀成不成用狀況,從而實現按鈕只能點擊一次。

      b21bb051f81986188a289be845ed2e738bd4e66b.jpg
    7. 7

      在瀏覽器打開test.html文件,點擊按鈕,查看實現的結果。

      c75c10385343fbf2a154d24fbf7eca8065388f65.jpg 11385343fbf2b2118756f122c58065380cd78e65.jpg
    • 發表于 2019-12-21 17:00
    • 閱讀 ( 1290 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆