JQuery触发Checkbox的change事件

早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层。
初始代码如下:
$(function(){
    $("#ischange").change(function() {
        alert("checked");
    });
}); 
捣腾了半天,竟然一点反应都没有。百度了下,有高人指出上面几行代码在Firefox等浏览器中可以正常运行,即你选中复选框或取消复选框都会弹出一个对话框,但是在IE中却不会正常执行,即选中或取消复选框不会立即弹出对话框。
必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方,据说是因为IE会等到复选框失去焦点之后才会触发change事件。
改进之后的代码如下:
$(function(){
 if ($.browser.msie) {
  $('input:checkbox').click(function () { 
   this.blur();   
   this.focus(); 
  });   
 };
 $("#ischange").change(function() {
 alert("checked");
 });
}); 
补充:当改变复选框的值后,IE在等待失去焦点,但是click事件是立即触发的,因此利用click事件让复选框失去 焦点,这样就会触发chang事件了,然后再把焦点重新转移到该复选框上。
如果是radio,将checkbox换成radio即可。
 
 
 
 
 
posted on 2013-01-15 18:27  望风的日子  阅读(1004)  评论(0编辑  收藏  举报