本文共 599 字,大约阅读时间需要 1 分钟。
这个问题其实之前遇到过,真是 不张记性啊……
为了方便,以下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
转载地址:http://uasni.baihongyu.com/