系统中有一个选择星级的功能,需求不是很复杂,所以没用插件,自己简单的写了一个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五星评分