jquery - 在 IE9 中的复选框上单击功能

Question

IE中的单击功能表现奇怪。当您多次单击复选框时，有时它不会被选中或取消选中，但单击功能会触发。我也在 IE8 上对其进行了测试，在 IE8 中，当您多次单击它时，它不会被选中或取消选中，但只有在复选框完成操作本身时单击功能才会运行。小提琴

注意：这个bug在IE10版本中不会产生。

$('#chk').click(function(){
    $('.frm').toggleClass('green blk');
});

Answer 1

您可以change在复选框上使用 eventclick来避免这种情况。

$('#chk').change(function(){
    $('.frm').toggleClass('green blk');
});

更愿意 按照@user1671639 的建议.change使用.bind(change)

检查这个http://jsfiddle.net/9fvC5/8/

Answer 2

对于单选按钮和复选框，最好使用change使用.on()事件处理程序附件的事件。

$('#chk').on('change', function(){
 $('.frm').toggleClass('green blk');
})

这是您更新的小提琴