Cómo deshabilitar todos los demás enlaces en un div en el clic de un enlace en el div con javascript [duplicar]

Question 1

Soy nuevo en Javascript. Quiero desactivar todos los demás enlaces en un div en el clic de un enlace en div. Si hago clic en cualquier enlace de ese div, otros enlaces en esa div debe deshabilitar y unclickable.

Este código no es hacer que los enlaces unclickable en hacer clic en cualquier botón . Si algún enlace se hace clic, los demás eslabones en esa div debe deshabilitar y unclickable. Por ejemplo, Si aceptar el vínculo se hace clic en los enlaces en aceptar, rechazar y contra-oferta, los enlaces deben ser unclickable y desactivar.

Salida

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

En lugar de la eliminación de la href, se establece una clase con captura los eventos de puntero en el 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, tenga en cuenta, que href y onClick no trabajar juntos. Debe pasar una función específica a cada enlace que se encarga de la funcionalidad y deshabilita los botones después.

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

1

En lugar de la eliminación de la href, se establece una clase con captura los eventos de puntero en el 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, tenga en cuenta, que href y onClick no trabajar juntos. Debe pasar una función específica a cada enlace que se encarga de la funcionalidad y deshabilita los botones después.

HDinger

2021-11-17 07:06:40

No funciona , el botón no está discapacitado, después de que se ejecute este código

Binsha

Lo que no está funcionando? La solución impide que cualquier código que se ejecuta cuando se haga clic en el enlace, que está "inhabilitado" por definición. Si desea que el enlace a un aspecto diferente, por supuesto, usted tiene que cambiar el estilo. Cómo hacer que se explica también en los ya vinculados respuesta. Recuerde que no puede usar href y onclick juntos.

HDinger

De modo que la función se puede utilizar con href?

Binsha

Ninguno. Puede utilizar ya sea la href atributo de una url de redirección O onClick para la ejecución de pasos lógicos. En tu caso, debes utilizar onClick. En la función que se pasa, en primer lugar ejecutar la lógica conectado al botón y luego llamar a la función para deshabilitar el resto de los botones.

HDinger

<a href='/truckianAccept/".$lastId."' id='aceptar' class='btn btn-primary' onclick='disableButton();'>Aceptar </a> . Es la manera correcta de llamar?

Binsha

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

HDinger

¿por qué esta función 'executeStuffAndDisableButton();'?

Binsha

Porque usted no puede poner el href junto con onclick. En lugar de tener que hacer todo dentro de la función de pasar: la desactivación de los botones así como la propia lógica

HDinger

Cómo deshabilitar todos los demás enlaces en un div en el clic de un enlace en el div con javascript [duplicar]

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría