卡卡網(wǎng)

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

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

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

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

HTML標(biāo)記：添加按鈕，div，一個(gè)標(biāo)簽

這里我們添加一個(gè)按鈕標(biāo)簽，一個(gè)div標(biāo)簽和一個(gè)錨標(biāo)簽。 點(diǎn)擊后，我們想讓它不可點(diǎn)擊（禁用）。

<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標(biāo)簽）

$("#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();
});

上述代碼解釋：當(dāng)點(diǎn)擊按鈕或div后，該標(biāo)簽立即被禁用（不可點(diǎn)擊）。

execcodegetcode

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

標(biāo)簽: JQuery