jQuery триггер изменения на класс?

У меня есть список чекбоксов. Каждый флажок имеет .change(function(){alert('xyz')}). Каждый флажок имеет класс abc.
У меня также есть дополнительный флажок под названием "Все". При изменении флажка " все " изменяется состояние всех остальных флажков.

Я бы хотел, чтобы изменение флажка " все " вызвало изменение (.change(...)) всех других флажков. Но поскольку состояние других флажков выполняется программно, оно не работает само по себе.
Я пытался использовать $('.abc').change(), чтобы вызвать изменение событие всех чекбоксов, но оно не сработало.
Что я делаю не так, и как можно достичь поставленной задачи ?
Кстати, если я делаю $('#id_of_a_specific_checkbox').change(), это отлично работает.


Спасибо.

Обновить
Пример того, что у меня есть: http://jsfiddle.net/ZqJvc/

Это в значительной степени то, что у меня есть в большом проекте... И в коротком примере это работает :/
Но в реальном проекте это не работает. Разница лишь в том, что в реальном проекте у меня их много флажки. Странный... Я думаю, что он вернулся к отладчику. Спасибо.

Обновить
После того, как хром полностью разбился... Я перезапустил браузер, и он просто работал, как в примере выше. Извините, что отнимаю у вас время. Еще раз спасибо, ребята.

1 2
javascript jquery javascript-events

1 ответ:

Установить все флажки с помощью .класс abc принимает значение true при изменении флажка ALL use

$("input[name=ALL]").change( function( ) {

    $(".abc").prop("checked", $(this).prop("checked") );
    $(".abc").trigger("change");
});

Скрипка здесь

2