用js做出全选删除页面

                                              用js做出全选删除页面

首先在body里用table标签建立一个表格

<script type="text/javascript">
     function checkall(chk){
     var ischeck=chk.checked;
     var list=document.getElementsByName('chkstu');
     for(var i=0;i<list.length;i++){
       var mychk=list[i];
       mychk.checked=ischeck;
       }
     }

</script>

应用全选功能

删除为一个链接在td里设一个链接标签   <td><a href="#">del</a></td>
然后在script里用window获取页面所有的删除a链接

<script type="text/javascript">
  window.οnlοad=function(){
    var linklist=document.getElementsByTagName('a');
    for(var i=0;i<linklist.length;i++){
      var mylink=linklist[i];
      mylink.οnclick=function(){
        var delnode=this.parentNode.parentNode;
        var pnode=delnode.parentNode;
        pnode.removeChild(delnode);
      }
    }
   鼠标移到表格中位置时会变色移走时  会变为表格原来的颜色    
       var trs=document.getElementsByTagName('tr');
       for(var i=1;i<trs.length;i++){
         var mytr=trs[i];
         var oldcolor;
         mytr.οnmοuseοver=function(){
           oldcolor=this.style.background;
          this.style.background="#ccc";
           }
            mytr.οnmοuseοut=function(){
          this.style.background=oldcolor;
         }
         }
       }

</script>

最终效果如图：