Come disattivare tutti gli altri link in un div, fare clic su un link in div utilizzando javascript [duplica]

Question 1

Sono nuovo di Javascript. Vorrei disabilitare tutti gli altri link in un div, fare clic su un link in div. Se faccio clic su qualsiasi link contenuto nel div, altri link che div dovrebbe disabilitare e unclickable.

Questo codice non fa collegamenti unclickable facendo clic su un pulsante . Se un qualsiasi link viene cliccato, gli altri link che div dovrebbe disabilitare e unclickable. Per esempio, Se accettiamo link viene cliccato il link di accettare, rifiutare e contro offerta il link deve essere unclickable e disattivare.

Uscita

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

Invece di rimuovere il hrefè una classe con cattura il puntatore eventi in css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Si prega di notare, che href e onClick non lavorare insieme. Si dovrebbe passare a una funzione specifica per ogni link che gestisce la funzionalità e disattiva i pulsanti in seguito.

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

1

Invece di rimuovere il hrefè una classe con cattura il puntatore eventi in css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Si prega di notare, che href e onClick non lavorare insieme. Si dovrebbe passare a una funzione specifica per ogni link che gestisce la funzionalità e disattiva i pulsanti in seguito.

HDinger

2021-11-17 07:06:40

Non funziona , il tasto non viene disattivata, dopo questo codice viene eseguito

Binsha

Che cosa non funziona? La soluzione impedisce qualsiasi tipo di codice eseguito quando si fa clic sul link, che è "disabilitato" per definizione. Se si desidera che il collegamento per un aspetto diverso, naturalmente, è necessario modificare lo stile. Come fare è spiegato anche nel già collegato risposta. Ricordate che non è possibile utilizzare href e onclick insieme.

HDinger

Quindi, quale funzione può essere utilizzata con href?

Binsha

Nessuno. È possibile utilizzare il href attributo di un url di reindirizzamento O onClick per l'esecuzione di passaggi logici. Nel tuo caso, è necessario utilizzare onClick. Nella funzione che si passa, prima si esegue la logica collegato il pulsante e poi chiamare la funzione per disabilitare i pulsanti.

HDinger

<a href='/truckianAccept/".$lastId."' id='accettare' class='btn btn-primary' onclick='disableButton();'>Accettare </a> . E ' il modo corretto di chiamare?

Binsha

<a id='accettare' class='btn btn-primary' onclick='executeStuffAndDisableButton();'>Accettare </a>

HDinger

perché questa funzione 'executeStuffAndDisableButton();'?

Binsha

Perché non mettere href insieme con onclick. Invece devi fare tutto all'interno della funzione si passa: disabilitare i pulsanti nonché la logica effettiva

HDinger

Come disattivare tutti gli altri link in un div, fare clic su un link in div utilizzando javascript [duplica]

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria