Привязать JavaScript jQuery к событию клика на ярлыке AND на флажке одновременно

Я использую метки для своей формы, например:

<label for="foo" id="bar">Label</label>
<input type="checkbox" id="foo" />

Я хочу скрыть элемент, когда пользователь снимет флажок и покажет его в противном случае.

Проблема в том, что если я привяжу событие click к "foo", он будет работать только тогда, когда пользователь нажмет на флажок, а не на ярлык. Поэтому мне также нужно связать событие click на ярлыке? Или я должен заключить оба элемента в пределах диапазона? В моем HTML уже содержится 2344 элемента, поэтому я хотел бы сделать это без добавления чего-либо и без дублирования кода JavaScript или селектора, если это возможно.

Ответ 1

Вместо привязки к событию click() вы должны привязываться с помощью события change(), но, однако, это изменение инициируется, результат будет таким же:

$('#foo').change(
    function(){
        // do whatever
    });

Литература:

change().

Ответ 2

Событие change должно срабатывать для input, нажата ли кнопка label или input:

$("#foo").change(function () { ... });

Пример http://jsfiddle.net/andrewwhitaker/6LMXW/