checkbox全选全不选

收集js代码，下次就不用写咯！简单的写下

jsp

list的头部

<td><input type="checkbox" value="-1" name="checkall" id="all" style="height: 12px;" onclick="selectAll(this)"/></td>

 <td style="width: 100px;">登录名</td>
 <td style="width: 100px;">用户名</td>

list数据循环输出

循环省略不写

<td style="width: 40px;">

<input type="checkbox" value="<%=staffId1%>" name="check" onclick="doCheckCheckBox()"/></td>

<td style="display: none;"><%=staffId1%></td>

<td style="width: 100px;"><%=logName1%></td>
<td style="width: 100px;"><%=staffName1%></td>

 

js

  //全选全不选

 function selectAll(obj){
    var elements = document.getElementsByName(“check“);
    for(var i=0;i<elements.length;i++){
  var element = elements[i];
   if(obj.checked){
    element.checked = true;
   }else{
    element.checked = false;
   }
 }
}

//下面的全部选中，最上面的全选也选上

function doCheckCheckBox(){
     var elements = document.getElementsByName(”check“);
     var count=0;
     for(var i=0;i<elements.length;i++)
    {
      var element = elements[i];
      if(element.checked){
       count=count+1;
      }
     }
     if(count>1)
      {
         if(count==elements.length)
         {
          document.getElementById(”all“).checked=true;
         }else{
          document.getElementById("all").checked=false;
         }
      }
}