在页面中引用的是jquery1.3.2以下的版本,此次升级新功能jquery版本太低,升级了jquery版本,结果测试新页面功能(如下图的功能1-1)时,全选功能无效,使用firebug查看,出现了报错(如图1-2)。
![图1-1 图1-1](http://static.oschina.net/uploads/space/2012/0731/065012_EYEL_569237.png)
图(1-1)
![](http://static.oschina.net/uploads/space/2012/0731/065036_Ke9M_569237.png)
图(1-2)
自己对jquery只是简单使用的程度,所以只能到网上查资料。从众多的答案中得到信息说是老版本的JQUERY中的[@type=checkbox] 中的type,name等属性前需要加
@符号 ,而版本的不需要添加。修改了jquery代码,试了下果然有效。
<script>
$(".selectleft").toggle(
function() {
$(this).parent().find("input[type=checkbox]").attr('checked',true);
$(this).val("清空");
return false;
},
function() {
$(this).parent().find("input[type=checkbox]").attr('checked',false);
$(this).val("全选");
return false;
}
)
</script>
(修改后的代码)
修改后效果