Jquery 切换事件与复选框值混淆

Question

当用户单击复选框时，我使用 Jquery 的切换事件执行一些操作，如下所示:

$('input#myId').toggle(
function(){
//do stuff  
},
function(){
//do other stuff    
}
);

问题是当我单击复选框时该复选框没有被选中。 (我放入切换事件中的所有内容都可以正常工作。)

我尝试过以下方法:

$('input#myId').attr('checked', 'checked');

和

$(this).attr('checked', 'checked');

甚至简单

return true;

但是什么都不起作用。谁能告诉我哪里出错了？

编辑 - 感谢所有回复的人。德雷斯的回答几乎对我有用，除了检查属性的部分。这工作得很好(虽然有点hacky)

$('input#myInput').change(function ()
{
    if(!$(this).hasClass("checked"))
    {
        //do stuff if the checkbox isn't checked
        $(this).addClass("checked");
        return;
    }

    //do stuff if the checkbox isn't checked
    $(this).removeClass('checked');
});

再次感谢所有回复的人。

Answer 1

使用 change 事件而不是 toggle 事件，如下所示:

$('input#myId').change(function () {
    if ($(this).attr("checked")) {
        //do the stuff that you would do when 'checked'

        return;
    }
    //Here do the stuff you want to do when 'unchecked'
});