jquery - 使用复选框来切换页面元素的显示（IE7 问题！）

Question

当用户选中“我的送货地址和帐单地址相同”复选框时，我想隐藏送货地址表单。

此代码适用于除 IE 之外的所有内容：

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

IE 在复选框失去焦点之前不会注册更改事件，这会导致用户体验不愉快。

许多购物网站（和非购物网站！）都做这样的事情——必须有一种我缺少的跨浏览器兼容方法。

Answer 1

我通常将click事件用于复选框而不是change。这样它也可以在 IE 中工作。

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

Answer 2

使用点击事件而不是更改事件。即使复选框以其他方式更改而不是用鼠标单击，它也会被触发。