java实现星级评分功能_JavaScript实现星级评分

JavaScript星级评分

*{margin:0;padding:0;}

.wrapper{height:20px;padding:5px;width:130px;margin:100px auto 10px;}

function ArrayIndexOf(arr, element) {

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

if (arr[i] == element) {

return i;

}

}

return -1;

}

function GetTds() {

var tbl = document.getElementById("tblMain");

var tds = tbl.getElementsByTagName("td");

return tds;

}

function InitEvent() {

var tds=GetTds();

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

var td = tds[i];

td.onmouseover = TdOnclick;

td.style.cursor = "pointer";

}

}

function TdOnclick() {

var tds = GetTds();

var index = ArrayIndexOf(tds, this);

for (var i = 0; i <=index; i++) {

var td = tds[i];

td.innerHTML = "★";

}

for (var j = index + 1; j < tds.length; j++) {

var td = tds[j];

td.innerHTML = "☆";

}

}

☆

☆

☆

☆

☆