Why is triggerHandler only affecting the first on the list?

Question

I’m trying to call Handler an event via jquery, by using the method triggerHandler is only affecting one of the selected elements, and the selector definitely represents several elements.

jsfiddle

The triggerHandler is called inside the event from a check-box to change the values of several other check-boxes, with the same value as it. Setting the checked property for all other check-boxes works, however triggerHandler does not.

What I’m doing wrong?

Answer 1

In fact I believe that you are not exactly wrong. What happens is that jQuery.fn.triggerHandler really only fires the event to the first node.

In your case the use of jQuery.fn.trigger?

Maybe something like this:

$('.foo').trigger('change');