一个很好用的控制checkbox全选与全不选的方法

JavaScript部分

<script type="text/javascript">

// 说明：Javascript 控制 CheckBox 的全选与取消全选
// 整理：http://www.CodeBit.cn

function checkAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = true;
}
}
}
function clearAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = false;
}
}
}

</script>

之后只需在全选按钮的标签中加上onclick="if(this.checked==true) { checkAll('ids'); } else { clearAll('ids'); }"即可

ids为checkbox的name