js实现checkbox多选和反选

<input type="checkbox" id="controlAll" onclick="selectAll()"/>   //控制多选的复选框

<div>
<input name="select_id" type="checkbox" value="1" /><br />
<input name="select_id" type="checkbox" value="2" /><br / >
<input name="select_id" type="checkbox" value="3" /><br / >
<input name="select_id" type="checkbox" value="4" /><br / >
<input name="select_id" type="checkbox" value="5" /><br / >
<input name="select_id" type="checkbox" value="6" /><br / >        
<div>
<script type="text/javascript"> 
function selectAll(){

  var checklist = document.getElementsByName("select_id");    //获取所有name为select_id的input标签数组

   if(document.getElementById("controlAll").checked){   //判断总选按钮是否选中

   //alert(checklist.length);

   for(var i=0;i<checklist.length;i++){

      checklist[i].checked = 1;

   } 

 }else{      //如果总选按钮没有选中

  for(var j=0;j<checklist.length;j++){

     checklist[j].checked = 0;

  }

 }

}

</script> 

效果如图