Check all just selects the first foreach value

Question

Good people, I have the following code, and he was supposed to select all the values inside the foreach, but instead of doing it just selects the first value..

I tried to make a test of Submit that deletes the scenes only appear when you click on the checkboxes, but the same thing happened, only appeared if you selected the first one. But if you selected the first one and a few more, it would erase anyway, but only appear if the first one was selected..

<form action="" method="post">
<? foreach($itens as $myrow){ ?>
<a href="pagina.php?ID=<? echo $myrow['ID']; ?>"><? echo $myrow['Title']; ?></a>


<? echo $myrow['GDate']; ?>
?>
<? echo $myrow['Hour']; ?>
<div class="dashed-line"></div>
<input name="selector[]" id="testecb" type="checkbox" value="<?php echo $myrow['ID']; ?>" />
</div>
</div>
<?}?>
<input type="button" id="selectall-game-button" label="check all" value="Selecionar tudo"
><input type="submit" id="delete-game-button" value="Eliminar" />

<?
****************** AQUI ESTA A ACÇÃO QUE DELETA.. **************
}
} ?>

JS:

$('#selectall-game-button').click(function(){
        var chk = $(this).click('checked')?true:false;
        $('#testecb').attr('checked',chk);
});

Does anyone hate why this happens? : ss

Answer 1

You have two problems: Multiple Ids and a JS error.

#1 - You cannot use multiple Ids in this case. CSS classes is the solution. This is because the selector $('#testecb') will only return the first element you find. I suggest you use $('. dashed-line input')

#2 - In the JS you have $(this).click('checked') but this element is an input and has no checked. So I guess this input type="button" should check all checkboxes...

So a suggestion would be:

$('#selectall-game-button').click(function(){
    $('[name="selector[]"]').prop('checked', true);
});

Note that this solution does not fix the multiple Ids you are generating in PHP. To fix this you could use in PHP:

<div class="dashed-line"></div>
<input name="selector[]" class="testecb" type="checkbox" value="<?php echo $myrow['ID']; ?>" />
</div>

and then the selector could already be $('.testecb').prop('checked', true);