php实现反选效果,全选以及反选的实现

摘要：找准元素，被对其进行操作，明白原理，按部就班的操作就可以了；

javascript学习-隔行换色

div{

margin: 20px auto;

width: 800px;

}

table{

width: 800px;

border: 1px solid #ccc;

border-collapse: collapse;

}

td{

height: 30px;

border: 1px solid #ccc;

text-align: center;

}

全选

反选

标题状态

我是标题二已读我是标题三已读我是标题四已读我是标题五已读

//隔行换色

function bgColor(){

var trList=document.getElementsByTagName('tbody')[0].getElementsByTagName('tr');

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

if (i%2) {

trList[i].style.background="#D0D8E8";

}else{

trList[i].style.background="#f2f2f2";

}

}

}

bgColor();

//全选

function checkAll(){

var objList=document.getElementsByName('list');

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

objList[i].checked=true;

}

}

// 反选

//可以用ByName来选择input的名字list，也可以用ByTagName来选择input

function checkRe(){

var objList=document.getElementsByName('list');

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

if(objList[i].checked){

objList[i].checked=false;

}else{

objList[i].checked=true;

}

}

}

批改老师：查无此人批改时间：2019-05-23 13:19:44

老师总结：完成的不错。如果是商城的购物车，全选还要统计商品总价。继续加油。