今天想在一个页面中实现全选/全部选功能时,在JS中加入如下代码:
function(obj){
$(obj).closest("tr").next().find("tbody tr").each(function(index,item)
{
$(item).find("input[name=checkbox]").attr("checked",$(obj).attr("checked"));
}
}
此方法在老的版本里时可行的,并且新方法在IE浏览器中也是可行的,但在firefox浏览器和chrome浏览器中始终不行,最后发现是由于Jquery版本的原因,现在使用的Jquery版本较高,在此版本中取Checkbox的属性值需要用到它的prop,经修改,代码如下:
function ChkAll(obj){
$(obj).closest("tr").next().find("tbody tr").each(function(index,item)
{
$(item).find("input[name=checkbox]").attr("checked",$(obj).prop("checked"));
}
}