郑州超声医师招聘:JQuery触发Checkbox的change事件 - 维子的日志 - 网易博客

来源：百度文库 编辑：九乡新闻网 时间：2024/07/07 14:04:26

JQuery触发Checkbox的change事件

jQuery学习2010-07-09 10:11:32阅读1031评论0  字号：大中小 订阅

早上要做一功能，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即可。
JQuery触发Checkbox的change事件 - 维子的日志 - 网易博客 jquery 对radio,checkbox,select的操作 披肩 - 英子的日志 - 网易博客 小帽子.小鞋子 - 夏天的日志 - 网易博客 今天的石门坎！ - 子敬的日志 - 网易博客 【引用】做人的底线 - 晶子的日志 - 网易博客 漂亮的扇形素材 - 娟子的日志 - 网易博客 引用“执子之手，与子偕老”全文 - 雯子的日志 - 网易博客 语言魅力 - 娟子的日志 - 网易博客 太有才啦！北京地铁拟人系列 - 使徒子的日志 - 网易博客 醇香味美回锅肉 - 珍子的日志 - 网易博客 气质 - 执子之手的日志 - 网易博客 引用 童趣盎然 - 民子的日志 - 网易博客 【引用】常见手语 - 子玉女阁的日志 - 网易博客 颈椎病特效方 - 采桑子的日志 - 网易博客 【原创】空 镜 子 - 酸菜鱼的日志 - 网易博客 (原创)沉稳品茶香 - 东子的日志 - 网易博客 童趣盎然民子的日志 - 网易博客 狗 这 一 辈 子 - 雪影冰痕的日志 - 网易博客 【引用】温总理史上最全图 - 蓉子的日志 - 网易博客 四庫全書（電子版 ） - 蓉子的日志 - 网易博客 我国十大古曲 - 凡子的日志 - 网易博客 张景岳论肾阴肾阳学说与章氏肾学观 - 子春的日志 - 网易博客 现在最流行 - 娟子的日志 - 网易博客