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="全選" οnclick="chAll('lcolor[]')">
<input type="button" value="全不選" οnclick="unchAll('lcolor[]')">
<input type="button" value="獲取選中值" οnclick="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>