Cum pentru a dezactiva toate celelalte link-uri într-un div pe clic pe un link în div folosind javascript [duplicat]

Question 1

Eu sunt nou la Javascript. Aș vrea să dezactivați toate celelalte link-uri într-un div pe clic pe un link în div. Dacă nu faceți clic pe orice link-ul din acel div, alte link-uri in care div trebui să-l dezactivați și unclickable.

Acest cod nu este de a face link-uri unclickable clic pe orice buton . Dacă link-ul este apasat, alte link-uri in care div trebui să-l dezactivați și unclickable. De exemplu, Dacă accepta link-ul este apasat, link-uri de acceptare, respingere și contra oferi link-uri ar trebui să fie unclickable și dezactiva.

Ieșire

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

În loc de a scoate hrefai setat-o clasă cu capturi indicatorul evenimente în css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Vă rugăm să rețineți, că href și onClick nu va lucra împreună. Tu ar trebui să treacă o funcție specifică pentru fiecare link-ul care se ocupă de funcționalitate și dezactivează butoanele de după aceea.

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

1

În loc de a scoate hrefai setat-o clasă cu capturi indicatorul evenimente în css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Vă rugăm să rețineți, că href și onClick nu va lucra împreună. Tu ar trebui să treacă o funcție specifică pentru fiecare link-ul care se ocupă de funcționalitate și dezactivează butoanele de după aceea.

HDinger

2021-11-17 07:06:40

Nu merge , butonul este dezactivat, dupa aceasta se executa codul

Binsha

Ceea ce nu este de lucru? Soluția previne orice cod de a fi executat atunci când faceți clic pe link-ul, care este "dezactivat" prin definiție. Daca vrei link-ul sa arate diferit, desigur, va trebui să modificați stilul. Cum se face că este, de asemenea, a explicat în cadrul conectat deja răspunsul. Amintiți-vă că nu puteți utiliza href și onclick împreună.

HDinger

Deci care funcția poate fi folosit cu href?

Binsha

Nici unul. Utilizați fie href atribut pentru un url de redirecționare SAU onClick pentru executarea etape logice. În cazul dumneavoastră, aveți nevoie pentru a utiliza onClick. În funcția pe care o trece, mai întâi executa logica conectat la buton și apoi apela funcția pentru a dezactiva alte butoane.

HDinger

<a href='/truckianAccept/".$lastId."' id='accept' class='btn btn-primar' onclick='disableButton();'>Accepta </a> . Este modul corect de asteptare?

Binsha

<a id= "accept" class='btn btn-primar' onclick='executeStuffAndDisableButton();'>Accepta </a>

HDinger

de ce acest funcție 'executeStuffAndDisableButton();'?

Binsha

Pentru că nu poate pune href împreună cu onclick. În schimb, trebuie să faci totul în funcția pass: dezactivarea butoanelor precum și efective de logica

HDinger

Cum pentru a dezactiva toate celelalte link-uri într-un div pe clic pe un link în div folosind javascript [duplicat]

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie