HTML table表格选中行后变色方法

HTML table表格选中行后变色方法

1.如果我们希望table的某一行在选中后使用其他的颜色突出出来,那么下面的代码就是你希望达到的效果。先看2张图：

图1 选择几项时的情况

图2 鼠标划过的情况。

2.主要的js代码有：

var select;

function selectAll(check) {

if(check) {

select = true;

} else {

select = false;

}

}

function checkAll(checkboxName) {

var elements = document.getElementsByName(checkboxName); var temp = document.getElementById("all");

var sss= new Array();

for(var i=0;i

if(elements[i].checked == true){

sss[i] = 1;

}else

sss[i] = 0;

}

if(select) {

temp.checked = true;

for(var i=0; i

elements[i].checked = true;

}

} else {

temp.checked = false;

for(var i=0; i

if(sss[i] == 1)

elements[i].checked = false;

else

elements[i].checked = true;

}

}

}

3.在页面中的使用。请看下面的HTML代码：

onmouseover="responseMouseEvent(this,1);"

onmouseout="responseMouseEvent(this,2)"

style="cursor:hand;background-color:#FFFFFF">

title1	title2
asda	adsad

4.ok这样就可以实现本文开始时图中的效果了。。。。