1

Требуется выполнять разные действия при первом и втором клике на элемент.

При первом клике на строку (tr) устанавливается чекбокс и, если чекбокс установлен, код элемента добавляется в блок для вывода результатов. Например, посетитель сайта добавил в "Выбранные" 5 строк таблицы (кликнув по ним).

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

Как можно выполнить другое действие при повторном клике на элемент?

В каких-то предыдущих версиях jQuery был метод toggle.

Как подобные вопросы решаются сейчас?

Код вкратце такой:

$('#table-flats tr').click(function(e){
  var tr = $(this).closest("tr").get(0).outerHTML;
  var checkbox = $(this).find('input[type="checkbox"]')
  if(checkbox.prop("checked", !checkbox.prop("checked")));
  else checkbox.prop("checked", checkbox.prop("checked"));

  document.getElementById('test').innerHTML = tr;   
});
4
  • if(checkbox.prop("checked", !checkbox.prop("checked"))); - ??
    – user176262
    17 июн 2020 в 15:52
  • То есть, если клик произошел на строке, где уже есть чекбокс, оный снимается. Работает, во всяком случае. Хотя, я совсем новичок в jQuery. Может, и бред 17 июн 2020 в 15:57
  • А if тут зачем?
    – user176262
    17 июн 2020 в 16:01
  • Подобие логики тут такое: Если клик произошел по строке, в первой ячейке которой нет чекбокса, оный устанавливается + html-код этой строки вписывается в блок результатов. Если в этой строке уже есть чекбокс, его нужно убрать и выполнить удаление html-кода этой строки из блока результатов. 17 июн 2020 в 16:06

1 ответ 1

1
$('#table-flats tr').click(function(e) {
  ...

  if ($(this).data('clicked')) {
    // not the first click
  } else {
    // first click
    $(this).data('clicked', true);
  }
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.