Jak zakázat všechny ostatní odkazy v div na kliknutí na odkaz v div pomocí javascriptu [duplicitní]

0

Otázka

Jsem nový Javascript. Přál bych si, aby se zakázat všechny ostatní odkazy v div na kliknutí na odkaz v div. Když jsem klepněte na libovolný odkaz v této div, další odkazy v div, že měli zakázat a unclickable.

Tento kód není dělat odkazy unclickable kliknutím na jakékoliv tlačítko . Pokud některý odkaz klikli, další odkazy v div, že měli zakázat a unclickable. Například, Pokud přijmout klepnutí na odkaz, odkazy, přijmout, odmítnout a nabídku odkazy by měly být unclickable a zakázat.

Výstup Output

function disableButton() {
  document.querySelector("#notify-div a").removeAttribute("href");

}
<div id="notify-div">
  user_name has requested a bid price of bid for quantity of qty for mileage mileage_name of truck truck_name.
  <br> <a href='/truckianAccept/".$lastId."' id='accept' class='btn btn-primary' onclick='disableButton();'>Accept </a>
  <a href='/truckianDecline/".$lastId."' id='decline' class='btn btn-primary' onclick='disableButton();'>Decline </a> <a href='/wstCounterOffer/".$lastId."' id='counter' class='btn btn-primary' onclick='disableButton();'>Counter Offer </a>";
</div>

css disable-link html hyperlink
2021-11-17 06:51:31
1

Nejlepší odpověď

1

Namísto odstranění hrefnastavit třídy s zachycuje události ukazatele v css.

function disableButtons() {
  const links = document.querySelectorAll("#notify-div a");

  links.forEach(function(link) {
    link.classList.add('disabled');
  });
}

CSS:

.disabled {
  pointer-events: none;
}

Vezměte prosím na vědomí, že href a onClick nebude fungovat společně. Ty by měly předat konkrétní funkci na každý odkaz, který zpracovává funkčnost a deaktivuje tlačítka poté.

2021-11-17 07:06:40

Nefunguje , tlačítko není zakázán, poté, co tento kód provádí
Binsha

Co nefunguje? Řešení zabraňuje kód je vykonán, když kliknete na odkaz, který je "disabled" podle definice. Pokud chcete odkaz vypadat jinak, samozřejmě, budete muset změnit styl. Jak na to je vysvětleno také v již spojeny odpověď. Pamatujte si, že nemůžete použít href a onclick spolu.
HDinger

Tak funkce, které mohou být použity s href?
Binsha

Nic. Můžete použít buď href atribut pro adresy url přesměrování NEBO onClick pro vykonávání logických kroků. Ve vašem případě, budete muset použít onClick. Ve funkci, které předáte, musíte nejprve provést logika napojen na tlačítko a poté volat funkce zakázat další tlačítka.
HDinger

<a href='/truckianAccept/".$lastId."' id='přijmout' class='btn btn-primary' onclick='disableButton();'>Přijmout </a> . Je to správný způsob volání?
Binsha

<a id='přijmout' class='btn btn-primary' onclick='executeStuffAndDisableButton();'>Přijmout </a>
HDinger

proč tuto funkci 'executeStuffAndDisableButton();'?
Binsha

Protože si nemůže dát href spolu s onclick. Místo toho budete muset udělat vše, co uvnitř funkce si projít: zakázání tlačítka, stejně jako skutečné logiky
HDinger

V jiných jazycích

Tato stránka je v jiných jazycích

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................