使用jquery进行购物车里的商品全选和全不选操作时,需要改变所有checkbox的状态,原来的写法是:
$(".selectall").on("click",function(){
if($(this).html()=="x"){
$("[name = chkItem]:checkbox").attr("checked", true);
$(this).html('O');
}else if($(this).html()=="O"){
$("[name = chkItem]:checkbox").attr("checked", false);
$(this).html('x');
}
});
然后发现该段代码执行时全选和全不选的操作都只能执行一次,再之后就不执行了。
将其中的attr()方法替换为prop()方法,搞定。
原来,在jquery里,有两种操作元素属性的方法,一种是attr(),另一种是prop().
attr()是用来改变元素的attributes属性的,而prop()方法是用来改变元素properties属性的,那么这两者有何区别呢。
在默认情况下,attributes和properties是一样的,都是用来保存元素的属性值的。
但是,当涉及到boolean值时,比如checkbox这样的,有true和false这样的布尔值的元素属性,attributes在页面加载的时候就被设置,并且一直保持初始值,而properties则存储着元素属性的当前值。
也就是说:boolean properties保持最新。但相应的boolean attributes是不一样的,正如上面所述,它们仅被浏览器用来保存初始值
所以,涉及到boolean properties要在页面加载后随时更新的话,那还是要使用prop()方法。