Estou fazendo manutenção em um sistema, e encontrei o seguinte código:
$(".MinhaClass").die();
$(".MinhaClass").live('click', function () {
// Código
}
.MinhaClass
se refere a uma lista de checkbox
. Fui incumbido de acrescentar no início da lista um checkbox
para selecionar Todos os itens da lista. Logo pensei em fazer:
$("#selecionar-todos").change(function () {
$('#lista input:checkbox').each(function () {
$(this).click();
});
});
Logo o sistema iria se comportar da mesma maneira de antes, sem muitas alterações.
Ao clicar em selecionar todos, todos os itens da lista são checados, inclusive o próprio checkbox "Selecionar Todos", mas ao clicar em um item individualmente, este é desmarcado e o checkbox "Selecionar Todos" também deve ser desmarcado.
Para isso, seria necessário identificar no primeiro código de onde vem a ação do click, se foi chamado pelo método que criei ou se foi acionado pelo click do mouse individualmente.
Tenho esse Fiddle pra explicar melhor.
Nota: O problema é que o checkbox Selecionar Todos só deve estar marcado quando todas os itens estiverem marcados, caso algum seja desmarcado, o checkbox selecionar todos também deve ser desmarcado...