@yeezussniper

Почему не работает выделение checkbox'a, после того, как повесил событие на клик строки таблицы?

Здравствуйте. Нужна помощь, не могу понять почему в таблице, где первый столбец - это чекбоксы, я повесил на каждое нажатие строки get запрос через ajax, после этого чекбоксы перестали работать, кликается, но не ставится птичка. Убираю ajax get запрос, и все начинает работать.

<table class="table table-sm table-hover allLines" id="tableLines">
            <thead>
              <tr>
                <th scope="col" class="center"><input type="checkbox"></th>
                <th scope="col" class="pp center">№</th>
                <th scope="col">Название</th>
                <th scope="col" class="pp center">Тип</th>
              </tr>
            </thead>
            <tbody id="tableRowsLines"></tbody>
          </table>


/* Выбор определенной линии и загрузка данных по ней */
    $('#tableRowsLines').on('click', 'tr', function () {

        var idLine = $('td:last-child', this).text();

        jQuery.ajax({
            url: "systemComponents/query.php",
            type: "POST",
            data: { idLine: idLine },
            dataType: "json",
            success: function (resultAllHolesInLine) {
                if (resultAllHolesInLine) {
                    jQuery('#tableRowsHoles tr').remove();
                    jQuery('#tableHoles').append(function () {
                        var res = '';

                        for (var i = 0; i < resultAllHolesInLine.allHolesInThisLine2.name.length; i++) {
                            res += '<tr class="line"><td class="center"><input type="checkbox"></td>' + '<td class="center" >' + resultAllHolesInLine.allHolesInThisLine2.pp[i] + '</td>' + '<td class="center" >' + resultAllHolesInLine.allHolesInThisLine2.name[i] + '</td>' + '<td class="center">' + resultAllHolesInLine.allHolesInThisLine2.X[i] + '</td>'
                                + '<td class="center">' + resultAllHolesInLine.allHolesInThisLine2.Y[i] + '</td>' + '<td class="center">' + resultAllHolesInLine.allHolesInThisLine2.Z[i] + '</td>'
                                + '<td class="center">' + resultAllHolesInLine.allHolesInThisLine2.glub[i] + '</td>' + '<td class="center">' + resultAllHolesInLine.allHolesInThisLine2.uzel[i] + '</td>'
                                + '<td class="center">' + resultAllHolesInLine.allHolesInThisLine2.active[i] + '</td></tr>';
                        }

                        return res;
                    });
                    console.log(resultAllHolesInLine);
                }
                else {
                    alert(resultAllHolesInLine.message);
                }
                return false;
            }
        });
        return false;

    });

    /* Выбор определенной линии и загрузка данных по ней */
  • Вопрос задан
  • 37 просмотров
Решения вопроса 1
@yeezussniper Автор вопроса
Проблему решил. Вынес саму функцию в отдельный файл
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Pavel-E-F
Вы или в примере не всё показали, или в html не всё, что нужно написали.
Вот вижу, к примеру, #tableRowsHoles, а такого id не наблюдаю.
В консоли смотрели?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы