javascript实现复选框全选或反选

以下是用原生js实现的复选框全选/反选的实现，选中checkbox的时候，实现全选的效果，并且样式发生改变。
代码最简洁，js行为优化版，复制粘贴即可使用。

 
 
 
  body,dl,dt,dd,p{margin:0;padding:0;}
  body{font-family:Tahoma;font-size:12px;}
  label,input,a{vertical-align:middle;}
  label{padding:0 10px 0 5px;}
  a{color:#09f;text-decoration:none;}
  a:hover{color:red;}
  dl{width:120px;margin:10px auto;
  border-radius:5px;background:#fafafa;}
  dt{padding-bottom:10px;
  border-bottom:1px solid #666;}
  dt label{font-weight:700;}
  p{margin-top:10px;}
 


 

 
全选反选
 

  
选项（一）
  
选项（二）
  
选项（三）
  
选项（四）
  
选项（五）
  
选项（六）
  
选项（七）
  
选项（八）
  
选项（九）
  
选项（十）