使用jquery对checkbox进行处理,如下图所示,如果第一次点击全选,则选中,再点一次,则全部取消。但是再点全选时,下面的水果无法选中。
原始代码:
$("#checkall").click(function() {
if(this.checked) {
$("input[name='fruit']").attr("checked","checked");
}else{
$("input[name='fruit']").removeAttr("checked");
}
});
对于有些人却能执行成功,主要的原因是版本的问题,如果在jquery1.9.1之前的版本均可以。但是我用的1.10.2就不可以。所以可以用dom对象的处理方法
$("#checkall").click(function() {
if(this.checked) {
$("input[name='fruit']").each(function(){
this.checked=true;
});
else {
$("input[name='fruit']").each(function(){
this.checked=false;
}