Установите флажок, чтобы переключать отображение элемента страницы (проблемы с IE7!)

Question

Когда пользователи проверяют флажок «Мой адрес доставки и адрес фактуры совпадают», я хочу скрыть форму адреса доставки.

Этот код работает хорошо во всем, кроме IE:

$("#order_shipping_same_as_billing").change(function() { 
    $("fieldset.shipping").toggle("blind", { 'direction' : 'vertical' }, 50); 
}); 

IE doesn't register the change event until the checkbox loses focus, что делает неприятный опыт пользователя.

Многие торговые площадки (и не торговые площадки!) Делают такие вещи - должен быть совместимый с кросс-браузером метод, который мне не хватает.

Answer 1

Я обычно использую нажмите событие для флажков вместо изменение. Таким образом, он работает и в IE.

$("#order_shipping_same_as_billing").click(function() { 
    $("fieldset.shipping").toggle("blind", { 'direction' : 'vertical' }, 50); 
}); 

Answer 2

Используйте событие click вместо события изменения. Он также срабатывает, даже если флажок изменяется по-другому, чем щелчок мышью.