Как связать чек бокс со строкой напротив которой он находится

Доброго времени суток! Есть таблица и есть проблема, не могу сообразить как связать чек бокс со строкой напротив которой он находится.Как сделать так чтобы при клике на чек бокс выбиралась эта строка а при нажатии на редактировать, выводилась бы для редактирования
Есть код таблицы:
# Фио клиента Дата Время where ('id', $res['dentist_id']); ?> 1

Ответ

Я бы посоветовал сделать следующее:
Для начала дайте атрибуты value с id записи и класс к примеру checkbox для удобства, но это не обязательно, в своем коде для примера я буду использовать его как селектор. Тегу тоже можете дать класс selected для визуального показа что блок выделен, но это не обязательно. Кнопке Редактировать дайте класс edit-btn или любой другой, но тогда измените JS. И самое главное это JavaScript:
$(function () { //Эта функция отвечает за то, что при клике на чек давать tr class selected или убирать $('table').on('click', '.checkbox', function() { $(this).closest('tr').toggleClass('selected'); });
//Когда вы выбрали чек и нажмете редактировать то будет редирект на странице редактирования $(document).on('click', '.edit-btn', function() { var $checkbox = $('table').find('.checkbox:checked:first'); if ($checkbox.length) { var id = $checkbox.val(); alert('Сейчас будет редирект на редактирование записи с ID:' + id); window.location.replace('/update/' + id); } else { alert('Не выбрана колонка для редактирования'); } }); });
Но есть один недочет, скрипт перед первую колонку где установлен чекбок, если выбирать будете несколько то тут надо или убирать с остальных и оставлять только на одном, или выдавать предупреждение, хотя это не очень, или оставьте как есть.