用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;
}
}
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>
最终效果如图: