Доброго времени суток! Есть таблица и есть проблема, не могу сообразить как связать чек бокс со строкой напротив которой он находится.Как сделать так чтобы при клике на чек бокс выбиралась эта строка а при нажатии на редактировать, выводилась бы для редактирования
Есть код таблицы:
#
Фио клиента
Дата
Время
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('Не выбрана колонка для редактирования');
}
});
});
Но есть один недочет, скрипт перед первую колонку где установлен чекбок, если выбирать будете несколько то тут надо или убирать с остальных и оставлять только на одном, или выдавать предупреждение, хотя это не очень, или оставьте как есть.
Комментариев нет:
Отправить комментарий