0
198
ViewsCómo deshabilitar todos los demás enlaces en un div al hacer clic en un enlace en div usando javascript
Soy nuevo en Javascript. Deseo deshabilitar todos los demás enlaces en un div al hacer clic en un enlace en div. Si hago clic en cualquier enlace en ese div, otros enlaces en ese div deberían deshabilitarse y no se puede hacer clic.
Este código no hace que los enlaces no se puedan hacer clic al hacer clic en cualquier botón. Si se hace clic en cualquier enlace, los otros enlaces en ese div deben deshabilitarse y no se puede hacer clic. Por ejemplo, si se hace clic en el enlace de aceptación, los enlaces de aceptación, rechazo y contraoferta no deberían poder hacer clic y deshabilitarse.
Producción 
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>1 answers
Answer question0
En lugar de eliminar el href , establece una clase que captura los eventos del puntero en css.
function disableButtons() { const links = document.querySelectorAll("#notify-div a"); links.forEach(function(link) { link.classList.add('disabled'); }); }CSS:
.disabled { pointer-events: none; } Tenga en cuenta que href y onClick no funcionarán juntos. Debe pasar una función específica a cada enlace que maneja la funcionalidad y luego deshabilita los botones.