Как отключить кнопки с изображениями в jquery?

#javascript #html #jquery #button

#javascript #HTML #jquery #кнопка

Вопрос:

Следующее требование :

  1. Таблица содержит много строк.В каждой строке есть значки редактирования и удаления.
  2. Когда пользователь нажимает на один значок редактирования / удаления в одной строке, все значки редактирования и удаления во всех строках таблицы должны быть отключены.
  3. При нажатии на значок редактирования вызывается функция javascript для открытия всплывающего окна со значениями соответствующей строки. При нажатии на значок удаления происходит отправка формы.

Ниже приведен код:

 <td style="text-align:center;"><input
    onclick="clearMessage()"
    type="image"
    src="/images/pen_edit_thick.png"
    class="imgEditPen"
    title="<bean:message key="button.tooltip.edit"/>"></td>
<td style="text-align:center;"><input
    onclick="clearMessage();"
    type="image"
    src="/images/icon_delete.gif"
    class="imgEditPen"
    title="<bean:message key="button.tooltip.remove"/>"></td>
  

Пробовал следующие методы :
Использование селектора кнопок с отключенным свойством
($(‘:button’).prop(‘disabled’, true); // Отключить все кнопки.Но это, похоже, не работает. Пожалуйста, помогите.

Ответ №1:

Из кода, который я вижу, ни один из ваших входных данных не вводится с помощью кнопки.

Попробуйте

$(":image").attr("disabled", "disabled")

или

$(":image").prop("disabled", true)

Он выберет ввод с изображением и кнопки