Ako vypnúť všetky ostatné odkazy vo div na kliknutím odkaz v div pomocou javascript [duplicitné]

Question 1

Som nový Javascript. Prial by som si, vypnúť všetky ostatné odkazy vo div na kliknutím odkaz v div. Ak som kliknutím na ľubovoľný odkaz v tomto div, iné odkazy v div že by sa mali zakázať a unclickable.

Tento kód nie je, takže odkazy unclickable na kliknutím na ľubovoľné tlačidlo . Ak niektorý odkaz klikol, ostatné odkazy vo div že by sa mali zakázať a unclickable. Napríklad, Ak prijať link klikli, odkazy prijať, odmietnuť a proti ponúkať odkazy by mali byť unclickable a vypnúť.

Výstup

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>

Question 2

Namiesto odstránenia hrefmôžete nastaviť triedy s zachytáva ukazovateľ udalosti v css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Vezmite prosím na vedomie, že href a onClick nebude spolupracovať. Mali by ste prejsť špecifickú funkciu pre každý odkaz, ktorý spracováva funkčnosť a vypne tlačidlá neskôr.

HDinger · Answer 1 · 2021-11-17T07:06:40

1

Namiesto odstránenia hrefmôžete nastaviť triedy s zachytáva ukazovateľ udalosti v css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Vezmite prosím na vedomie, že href a onClick nebude spolupracovať. Mali by ste prejsť špecifickú funkciu pre každý odkaz, ktorý spracováva funkčnosť a vypne tlačidlá neskôr.

HDinger

2021-11-17 07:06:40

Nefunguje , tlačidlo nie je zakázaný, po tento kód sa vykoná

Binsha

Čo je to nefunguje? Riešenie zabraňuje kód z vykonávaný keď kliknete na odkaz, ktorý je "vypnutá" podľa definície. Ak chcete, aby odkaz na líšiť, samozrejme budete musieť zmeniť štýl. Ako to, že je vysvetlené aj v už prepojené odpoveď. Pamätajte si, že nie je možné použiť href a onclick dohromady.

HDinger

Takže akú funkciu možno použiť s href?

Binsha

Žiadny. Môžete použiť buď href atribút url presmerovanie ALEBO onClick pre vykonávanie logických krokov. Vo vašom prípade, musíte použiť onClick. Funkcie, ktoré ste absolvovali, najprv vykonať logika pripojený na tlačidlo a potom volať funkciu vypnúť ostatných tlačidiel.

HDinger

<a href='/truckianAccept/".$lastId."' id= "prijať" class='btn btn-primárna" onclick='disableButton();'>Prijať </a> . Je to správny spôsob ako sa volá?

Binsha

<a id= "prijať" class='btn btn-primárna" onclick='executeStuffAndDisableButton();'>Prijať </a>

HDinger

prečo táto funkcia 'executeStuffAndDisableButton();'?

Binsha

Pretože si nemôže dať href spolu s onclick. Namiesto toho budete musieť robiť všetko, čo je vo vnútri funkciu, ktorú pass: vypnutie tlačidiel, rovnako ako skutočný logika

HDinger

Ako vypnúť všetky ostatné odkazy vo div na kliknutím odkaz v div pomocou javascript [duplicitné]

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii