系统中有一个选择星级的功能，需求不是很复杂，所以没用插件，自己简单的写了一个js的实现
直接上代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.start_zyz{
cursor:pointer;
}
</style>
</head>
<body>
<script type="text/javascript">
<!--
function clickStart(index){
//★
clearStart();
// hide = index
for(var i=1;i<=index;i++){
var span = document.getElementById('start'+i);
//alert('span-->'+span)
span.innerHTML='★';
}
}
function clearStart(){
//★
// hide = index
for(var i=1;i<=8;i++){
var span = document.getElementById('start'+i);
span.innerHTML='☆';
}
}
//-->
</script>
<span onclick='clickStart(1)' id='start1' class='start_zyz'>☆</span>
<span onclick='clickStart(2)' id='start2' class='start_zyz'>☆</span>
<span onclick='clickStart(3)' id='start3' class='start_zyz'>☆</span>
<span onclick='clickStart(4)' id='start4' class='start_zyz'>☆</span>
<span onclick='clickStart(5)' id='start5' class='start_zyz'>☆</span>
<span onclick='clickStart(6)' id='start6' class='start_zyz'>☆</span>
<span onclick='clickStart(7)' id='start7' class='start_zyz'>☆</span>
<span onclick='clickStart(8)' id='start8' class='start_zyz'>☆</span>
</body>
</html>
相关推荐
javascript+html星级评分（支持半星）,通过一个下拉选择框控制星星的多少。
JS实现星形评分,带图,已通过测试,可以实现后台与前台的数据传输
js评分效果 星级评分 js星级评分效果
js实现的星级评论打分效果,比较简单，但是还算比较实用吧。分享一下 <span>js星级评论打分 <a href="javascript:;">1 <a href="javascript:;">2 <a href="javascript:;...
用js实现套打功能，支持预览，快捷键移动
JS实现的打印、直接打印、打印预览功能，非常简单实用
JavaScript实现评分功能，可以用于电商项目中的商品评价打分
该文件中是一段js调用 浏览器的 打印功能 实践， 其中 详细的说明和注释。 但是 如果你需要调用起打印机 的话， 则需要用户先行 绑定打印机设备， 确保可以在打印页面选择打印机， 适用大部分浏览器。
js实现星级评分的源代码，详细的代码以及流程参见博文：http://blog.csdn.net/qq_29656961/article/details/78157715
一js为基础，实现了在线打印以及在线预览需要打印模块，可以设置页眉和页脚，支持ie 火狐，Google 等浏览器
使用JS实现打印功能；JavaScript 实现打印操作；javascript打印大全；通用；js实现打印的方式；JS怎么实现页面打印呢？JavaScript 实现打印,打印预览,打印设置；JS打印和报表输出；原生js打印插件Print.js；js控制...
js特效 JS实现在线考试系统并立即评分代码
JavaScript星级评分，简单好用，支持多项评分
用javaSCript实现浏览器的SavaAs功能，填出文件选择Diolag对话框。 用javaSCript实现浏览器的SavaAs功能，填出文件选择Diolag对话框。
js评分特效简单易用，比较方便实用，星星实现打分功能
jQuery+PHP实现星级评分
使用js实现打印分页的功能（包括页码，表头，表尾）
JS五星评分 JS五星评分 JS五星评分 JS五星评分 JS五星评分 JS五星评分 JS五星评分 JS五星评分 JS五星评分 JS五星评分