js javascript 实现复选框全选功能 删除复选框选中项功能

这段代码是在日常学习中，看到的，学到的，经过自己改一改，就拿出来和大家分享了..

首先，我自己写的贴子都是自己在编程时用到的，都是可行的，应该不会有错误，如果有错误或者不好的地方，希望大家给我留言....

<input type="checkbox" name="lcolor[]" value="红"> 红
<input type="checkbox" name="lcolor[]" value="黄"> 黄
<input type="checkbox" name="lcolor[]" value="蓝"> 蓝
<input type="checkbox" name="lcolor[]" value="绿"> 绿

<input type="button" value="全选" onclick="chAll('lcolor[]')">
<input type="button" value="全不选" onclick="unchAll('lcolor[]')">
<input type="button" value="获取选中值" onclick="chValue('lcolor[]')">

<script type="text/javascript">
//全选
function chAll(name)
{
var len = document.getElementsByName(name).length;

for(var i=0; i < len; i++)
{
document.getElementsByName(name)[i].checked = true;
}
}
//全不选
function unchAll(name)
{
var len = document.getElementsByName(name).length;

for(var i=0; i < len; i++)
{
document.getElementsByName(name)[i].checked = false;
}
}
//选中的值
function chValue(name)
{
var arr = new Array();
var obj = document.getElementsByName(name);
var len = obj.length;

for(var i=0; i < len; i++)
{
if(obj[i].checked == true)
{
arr.push(obj[i].value);
}
}

var val = arr.join(',');

alert(val);
}
</script>