Como desactivar todos os outros links em uma div no clique de um link na div usando javascript [duplicado]

Question 1

Eu sou novo para Javascript. Eu gostaria de desabilitar todos os outros links em uma div no clique de um link na div. Se eu clicar em qualquer link no que div, outros links no que div deve desativar e unclickable.

Este código não está fazendo ligações unclickable ao clicar em qualquer botão . Se qualquer um link é clicado, os outros elos que div deve desativar e unclickable. Por exemplo, Se aceitar link é clicado, os links aceitar, recusar e contra-oferta, as ligações devem ser unclickable e desativar.

Saída

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

Em vez de remover o href, você define uma classe com captura os eventos de ponteiro em css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Por favor, note que href e onClick não trabalham juntos. Você deve passar uma função específica para cada link que trata a funcionalidade e desativa os botões depois.

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

1

Em vez de remover o href, você define uma classe com captura os eventos de ponteiro em css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Por favor, note que href e onClick não trabalham juntos. Você deve passar uma função específica para cada link que trata a funcionalidade e desativa os botões depois.

HDinger

2021-11-17 07:06:40

Não de trabalho , o botão não está desativado, após esse código é executado

Binsha

O que não está funcionando? A solução impede qualquer código a ser executado quando você clicar no link, que está "desativado" por definição. Se você quer que o link olhar diferente, é claro que você tem para mudar o estilo. Como fazer isso também é explicado no já vinculados resposta. Lembre-se que você não pode usar href e onclick juntos.

HDinger

Então, qual a função pode ser utilizada com a href?

Binsha

Nenhum. Você usar o href atributo para um redirecionamento de url OU onClick para executar passos lógicos. No seu caso, você precisa usar onClick. Na função que você passar, você primeiro executar a lógica ligado ao botão e depois chamar a função para desabilitar os outros botões.

HDinger

<a href='/truckianAccept/".$lastId."' id='aceitar' class='btn btn-primário' onclick='disableButton();'>Accept </a> . É a maneira correta de chamar?

Binsha

<a id='aceitar' class='btn btn-primário' onclick='executeStuffAndDisableButton();'>Accept </a>

HDinger

por isso a função 'executeStuffAndDisableButton();'?

Binsha

Porque você não pode colocar a href juntamente com onclick. Em vez disso você tem que fazer tudo dentro da função passar: desactivar os botões bem como a lógica real

HDinger

Como desactivar todos os outros links em uma div no clique de um link na div usando javascript [duplicado]

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria