<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/main_3.css">
</head>
<body>
<button> Delete </button>
<button> Select All</button>
<table>
<tr>
<th><input type="checkbox" id="checkall"></th>
<th>Name</th>
<th>Last login</th>
<th>Status</th>
</tr>
<?php
$db = mysqli_connect('localhost', 'root', '', 'registration');
$query = "SELECT*FROM users WHERE id>0";
$result = mysqli_query($db, $query) or die (mysqli_error($db));
for ( $data = []; $row = mysqli_fetch_assoc($result); $data[] = $row );
$result='';
foreach ($data as $elem)
{
$result.='<tr>';
$result.='<td><input type="checkbox"></td>';
$result.='<td>'.$elem['username'].'</td>';
$result.='<td>'.$elem['lastlogin'].'</td>';
$result.='<td>'.$elem['Status'].'</td>';
$result.='</tr>';
}
echo $result;
?>
</table>
</body>
</html>
// Действие при клике на общий чекбокс
$( 'input#checkall' ).on( 'change', function() {
let val = $( this ).prop( 'checked' ); // значение общего чекбокса
$( this ).closest( 'table' ).find( 'input[type=checkbox]:not(#checkall)' ).prop( 'checked', val ); // всем остальным чекбоксам присваиваем то же значение
}
// Действие при изменении чекбокса каждой строки (кроме строки заголовков)
$( 'input[type=checkbox]:not(#checkall)' ).on( 'change', function() {
$( this ).closest( 'tr' ).toggleClass( 'selected' ); // включаем или выключаем класс selected у всей строки
}
// Действие при клике по другим ячейкам строки = клику по чекбоксу (если это надо)
$( 'tr:gt(0) td:gt(0)' ).on( 'click', function() {
let cb = $( this ).find( 'input' ); // чекбокс пригодится
let newVal = !cb.prop( 'selected' ); // инвертированное значение чекбокса
cb.prop( 'selected', val ); // присваиваем инвертированное значение чекбоксу
}
Простой
Простой