jquery - 使用复选框切换页面元素的显示(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

我通常对复选框使用click事件，而不是change。这样它在 IE 中也能工作。

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