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>