IE下radiocheckbox的change事件失效

概述IE下radio/checkbox的change事件失效的解决办法

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家，也给大家做个参考。

今天写一个全选功能，在 Chrome 和 firefox 下测试都正常实现效果，到了 IE 下死活没效果。一番周折,测试发现在 IE 中勾选了以后还要点击其他位置才会触发 onchange 事件。这种问题呢，有两种方式可以解决，用 onclick 事件代替或者用 onpropertychange 事件代替，Jquery 中也是有这种问题。

$("#radioOne").change(function(){ alert(1); });

在 FF 下正常,但在 IE 中不能在点击了 radio 后立即d出对话框。所以，在 Js 中判断浏览器，然后使用 click，就可以让 change 像 select 那样，一旦值改变就立即触发事件。

$(function () { if ($.browser.msIE) {

$('input:radio').click(function () { this.blur(); this.focus(); });

} });

原理是利用 click 事件立即触发的原理，让 radio 的值改变后，立即失去焦点，再把焦点重新转移到该复选框上，这样就会立即触发 chang 事件了。

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的IE下radio/checkbox的change事件失效全部内容，希望文章能够帮你解决IE下radio/checkbox的change事件失效所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。