Disculpen estoy realizando una check list, utilizo un while para traer las actividades de la base de datos. Mi problema es que solo se deja marcado el primer checkbox los demas checkbox los marco pero al refrescar la página no me los deja selecionados, como mencione solo se deja marcado el primer checkbox Asi tengo mi codigo
<table class="table table-sm table-hover table-condensed">
<thead>
<tr>
<th>Proyecto</th>
<th>No. Actividad</th>
<th>Descripción</th>
<th>Fecha de entrega</th>
<th>Responsable</th>
<th>Status</th>
<th>Notas</th>
<th>Check</th>
</tr>
</thead>
<?php
$query = "SELECT * FROM listav";
$resultado = mysqli_query($conexion1, $query);
while ($mostrar = mysqli_fetch_array($resultado)){
?>
<tbody>
<tr>
<td><?php echo $mostrar ["proyecto"];?></td>
<td><?php echo $mostrar ["n_actividad"];?></td>
<td><?php echo $mostrar ["descripcion"];?></td>
<td><?php echo $mostrar ["fecha_ent"];?></td>
<td><?php echo $mostrar ["responsable"];?></td>
<td><?php echo $mostrar ["status"];?></td>
<td><?php echo $mostrar ["notas"];?></td>
<td><center><input id="checkbox" type="checkbox" ></center></td>
</tr>
</tbody>
<?php
}
?>
<?php
}
?>
</table>
<script>
checkbox = document.getElementById('checkbox')
checkbox.checked = eval(window.localStorage.getItem(checkbox.id))
checkbox.addEventListener('change', function(){
window.localStorage.setItem(checkbox.id, checkbox.checked)
})
</script>