单击IE9中的复选框上的功能

Question

IE中的点击功能表现得很奇怪。当你多次单击复选框时，它有时不会被选中或取消选中，但点击功能会触发。我已经在IE8上测试了它，在IE8中，当你多次点击它时，它不会被检查或取消选中但是只有当复选框完成动作本身时才点击功能。 fiddle

注意：此错误不会在IE10版本中生成。

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

Answer 1

您可以在复选框上使用change事件代替click来避免这种情况。

$('#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');
})

这是您的updated fiddle