Как отключить все остальные ссылки в div при нажатии на ссылку в div с помощью javascript [дубликат]

Question 1

Я новичок в Javascript. Я хочу отключить все остальные ссылки в div при нажатии на ссылку в div. Если я нажму на любую ссылку в этом разделе, другие ссылки в этом разделе должны быть отключены и отключены.

Этот код не делает ссылки недоступными при нажатии на любую кнопку . Если вы нажмете на какую-либо ссылку, другие ссылки в этом разделе должны быть отключены и отключены. Например, при нажатии на ссылку "Принять" ссылки "Принять", "отклонить" и "встречное предложение" должны быть отключены и отключены.

Выход

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

Вместо удаления href, вы задаете класс с фиксацией событий указателя в css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Пожалуйста, обратите внимание, что href и onClick не будет работать вместе. Вы должны передать каждой ссылке определенную функцию, которая обрабатывает функциональность и впоследствии отключает кнопки.

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

1

Вместо удаления href, вы задаете класс с фиксацией событий указателя в css.

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

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

CSS:

.disabled {
  pointer-events: none;
}

Пожалуйста, обратите внимание, что href и onClick не будет работать вместе. Вы должны передать каждой ссылке определенную функцию, которая обрабатывает функциональность и впоследствии отключает кнопки.

HDinger

2021-11-17 07:06:40

Не работает , кнопка не отключена, после выполнения этого кода

Binsha

Что не работает? Решение предотвращает выполнение любого кода при нажатии на ссылку, которая по определению "отключена". Если вы хотите, чтобы ссылка выглядела по-другому, вам, конечно, придется изменить стиль. Как это сделать, также объясняется в уже связанном ответе. Помните, что вы не можете использовать href и onclick вместе.

HDinger

Итак, какую функцию можно использовать с href?

Binsha

Нет. Вы используете либо href атрибут для перенаправления URL - адреса ИЛИ onClick для выполнения логических шагов. В вашем случае вам необходимо использовать onClick. В функции, которую вы передаете, вы сначала выполняете логику, связанную с кнопкой, а затем вызываете функцию, чтобы отключить другие кнопки.

HDinger

<a href="/truckianAccept/".$lastId."" id="accept" class="btn btn-primary" onclick="disableButton();">Принять </a> . Это правильный способ позвонить?

Binsha

<a id='принять' класс='btn btn-основной' onclick='executeStuffAndDisableButton();'>Принять <a id='принять' класс='btn btn-основной' onclick='executeStuffAndDisableButton();'></a></a>

HDinger

почему эта функция " executeStuffAndDisableButton ();"?

Binsha

Потому что вы не можете объединить href с onclick. Вместо этого вам нужно сделать все внутри функции, которую вы передаете: отключить кнопки, а также фактическую логику

HDinger

Как отключить все остальные ссылки в div при нажатии на ссылку в div с помощью javascript [дубликат]

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории