关于checkbox的点击事件和返回值

这个问题其实之前遇到过，真是 不张记性啊……

 

为了方便，以下js代码均以JQuery形式描述

对于一个checkbox，如果想在他点击的时候绑定一个click事件，要注意click事件的返回值：

 

$('checkbox').click(function(){
    if($(this).attr('checked')){
        //do someting 
        $(this).atttr('checked',false);
    }else{
        //do someting else
    }
});

 

如果checkbox初始状态是未选中，点击了之后在click事件中将checked置为false，ok，你在页面上看到的checkbox也是未选中的状态，但是如果你再执行一下：

alert($('checkbox').attr('checked'));

 

 会发现是依然是true，这是因为click事件并显式的return，默认return true，那么浏览器就会偷偷地把checkbox的checked属性置为true，但是浏览器的渲染引擎并没有把那个“√“打上，所以就悲剧了……

 

一般一个button的click事件我们很少关注他的return，但是对于一个checkbox，如果你想阻止浏览器偷偷的给checkbox赋值，一定记得加上return false