jsp实现checkbox全选，js实现checkbox全选

Js代码：

function allCheck(){

    var obj=document.getElementsByTagName("input");

    if(document.getElementById("all").checked==true){

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

            obj[i].checked=true;

        }

    }else{

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

            obj[i].checked=false;

        }

    }

}

function checkT_F(){

    var obj=document.getElementsByTagName("input");

    var j=0;

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

        if(obj[i].id!='all'){    //如果是复选框

            if(obj[i].checked==true){    //并且为选中

                j++;

            }

        }

    }

    if(j==(obj.length-1)){    //如果复选框选中的数量等于（复选框总和减去全选这个选框的数量）

        document.getElementById("all").checked=true; //全选被激活

    }else{

        document.getElementById("all").checked=false;   

    }

}

 

 

 

Jsp页面：在这里主要看checkbox的id值和name值，要和js中的一致

    <tr>

              <td><input type="checkbox" value="aa" id="1" name="chk"></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

           </tr>

           <tr>

              <td><input type="checkbox" value="bb" id="2" name="chk"></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

           </tr>

           <tr>

              <td><input type="checkbox" value="cc" id="3" name="chk"></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td></td>

           </tr>

           <tr>

              <td><input type="checkbox" value="dd" id="4" name="chk"></td>

              <td></td>

              <td></td>

              <td></td>

               <td></td>

              <td></td>

              <td></td>

           </tr>

           <tr>

              <td colspan="6">

                  <hr size="1">

              </td>

           </tr>

           <tr bgcolor="green" bordercolor="green">

              <td>

                  <input type="checkbox" name="allCK" id="all" onclick="javascript:allCheck()">全选

               </td>