Oi, eu tenho um foreach
num table que lista vários checkboxes
. Preciso fazer uma função jquery
que ao clicar no checkbox do <th>
selecione todos
os checkboxes do próximo <td>
.
Olhe meu código:
foreach ($controllersActions as $acaoControlador) {
if ($controlador != $controladorAtual) {
$controlador = $controladorAtual;
?>
<tr>
<th colspan="2">
<?php
echo $this->Form->checkbox('all', [
'hiddenField' => false,
'class' => 'all',
]);
?>
<?= Inflector::humanize($controladorAtual) ?>
</th>
</tr>
<?php
}
?>
<tr>
<td style="padding-left: 20px; width: 10px;">
<?=
$this->Form->checkbox('permissoes[]', [
'hiddenField' => false,
'value' => $acaoControlador,
marcado($entidade, $acaoControlador)
]);
?>
</td>
<td><?= Inflector::humanize($acaoAtual); ?></td>
</tr>
<?php }; ?>
ai em cima esta a listagem dos meus checkboxes
em baixo está a minha função jquery:
$('.all').on('click', function(e){
$this = this;
$.each($(this).children('tr td').find('checkbox'), function(i, item){
alert('oi');
$(item).prop('checked', $this.checked);
});
});
<?= Inflector::humanize($controladorAtual) ?>
</th>
</tr>
Uma imagem dos checks na tela.
aqui o html renderizado.
porém ao clicar no checkbox que dispara essa função, nada acontece. retirei o código jquery desse exemplo: http://bootsnipp.com/snippets/WPvrj
Alguém pode me ajudar?
<td>
que devem ser marcados quando esse.all
estiver também marcado.tr
comth
na mesma tabela é HTML inválido. Podes dar classes diferentes a esses elementos?