como faco para quando eu clicar no checkbox
ele marcar dinamicamente uma imagem com borda. estou tentando fazer mas ele sempre marca todas as img
como poderia fazer isso. Obs: minhas img
vem do banco esta tudo dinâmico.
parte dinâmica php
:
<div class="btn-group" data-toggle="buttons">
<label class="check btn btn-primary">
<input type="checkbox" name="ck[]" value="$imagem" id="$id"> Selecionar
</label>
<div>
parte jquery
$(".check").click(function(){
$("img").toggleClass('clic');
});
obs. com esse código eu consigo marcar a img
porem todas e não e isso que eu quero eu queria marcar somente as respectivas que eu clicar. exemplo c eu clicar na primeira img
marcar só ela e depois se eu marcar a quinta img
marcar somente ela. no final eu terei 2 marcadas que eu escolhi a img
1 e a 5
codigo completo php:
require"sys/conexao.php";
$nome = $_GET['noivos'];
$nomeurl = $_GET['noivos'];
$sql = mysqli_query($mysqli, "SELECT * FROM galeria WHERE email = '$nome'");
while($aux = mysqli_fetch_assoc($sql)){
$titulo = $aux['nome_galeria'];
$imagem = $aux['img'];
$img_big = $aux['img_big'];
$id = $aux['id'];
$_SESSION['id'] = $id;
print"
<div class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\">
<div class=\"hovereffect\">
<img class=\"img-responsive\" src=\"images/small/selecao/$imagem\" alt=\"\">
<div class=\"overlay\">
<div class=\"pad\">
<h2>$titulo</h2>
<a class=\"info test-popup-link\" href=\"images/big/selecao/$img_big\"><span class=\"corr\"><i class=\"fa fa-search\"></i></span></a>
<div class=\"btn-group\" data-toggle=\"buttons\">
<label class=\"check btn btn-primary\">
<input type=\"checkbox\" name=\"ck[]\" value=\"$imagem\" id=\"$id\"> Selecionar
</label>
</div>
</div>
</div>
</div>
</div>";
}
mysqli_close($mysqli);