卡卡網(wǎng)

本文介紹如何使任何按鈕標記，錨標記或div標記禁用或不可單擊。

在許多情況下，基于某些條件并在執(zhí)行某些操作后，我們需要將HTML按鈕或輸入標記設(shè)置為禁用或?qū)⑵鋸木W(wǎng)頁中刪除。 如果您正在尋找一種方法來使任何按鈕不可點擊，即使用jquery禁用按鈕，那么您來對了地方。

例如，在按鈕上單擊調(diào)用jquery ajax函數(shù)直到其響應(yīng)到來時，我們需要禁用該按鈕（不可單擊）。 將該按鈕禁用以便用戶不會一次又一次地按下該按鈕是一種很好的做法。

在這篇文章中將解釋如何禁用任何按鈕，無論是Button標簽，錨標簽還是div，li元素。

HTML標記：添加按鈕，div，一個標簽

這里我們添加一個按鈕標簽，一個div標簽和一個錨標簽。 點擊后，我們想讓它不可點擊（禁用）。

<div id="btnDiv">DIV CLICK</div>
<input id="btnButton" type="button" value="Button Click me" />
<a href="/" id="btnAnchr">Anchor Tag Click me</a>

Jquery代碼：禁用HTML元素（div,button,anchor標簽）

$("#btnButton").on('click', function () {
  // JQUERY
  $(this).attr("disabled", "disabled");

  // JavaScript
  document.getElementById("btnButton").setAttribute("disabled", "disabled");
  console.log("btn clicked");
});

$("#btnDiv").on('click', function () {
  $(this).off('click');
  document.getElementById("btnDiv").setAttribute("disabled", "disabled");
  console.log("Div clicked");
});

$("#btnAnchr").on('click', function (e) {
  $(this).attr("disabled", "disabled");
  e.preventDefault();
});

上述代碼解釋：當點擊按鈕或div后，該標簽立即被禁用（不可點擊）。

execcodegetcode

結(jié)論：這是如何使用jquery .on()方法和.off()方法禁用（不可點擊）按鈕，div標簽，希望您喜歡本教程。

標簽: JQuery