在JQuery中，当一个变更事件被添加到单选或复选框中时，如果其值发生变化，就会触发该变更事件；本文将详细介绍如何使用JQuery触发Checkbox的change事件。有需要了解的朋友可以参考一下。

早上做一个功能，勾选复选框的时候会显示隐藏层，不勾选的时候会隐藏选中的层。初始代码如下：复制代码代码如下：$ (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 )；});});

补充

在JQuery中，当一个change事件被添加到radio或checkbox中时，如果它的值发生变化就会触发change事件，就像我们在HTML中写下面的代码一样：复制代码如下：input type= checkbxo id= test checkbox onchange= my function() name= fruits ，我们使用的JQuery的代码如下：复制代码如下：$ (document)。ready(function(){ $( test checkbox )。change(function(){ alert( option changed！);});});上述代码在Firefox等浏览器中可以正常运行，即当你选择或取消复选框时，会弹出一个对话框，但在IE中不能正常执行，即如果你选择或取消复选框，对话框不会立即弹出。选中或取消复选框后，必须单击复选框以外的任何位置。这样做的原因是，据说IE会等到复选框失去焦点才触发change事件。目前这个问题还没有修复，但是网上有专家提供了解决方案：复制代码如下：$ (function () {if ($。browser . msie){ $( input:checkbox )。click(function(){ this . blur())；this . focus()；});}});只要使用复选框，上面的代码就可以应用于radio。上面这段代码的原理是：改变checkbox的值后，IE正在等待失去焦点，但是click事件马上被触发。因此，使用click事件使checkbox失去焦点将触发chang事件，然后将焦点再次转移到checkbox。有人可能会问为什么不直接用click事件代替change事件呢？对于checkbox，click事件和change事件可以执行相同的功能，但是对于radio，则不同。可以在不改变值的情况下连续单击同一个单选按钮，然后在不触发change事件的情况下触发click事件。