JS里星星评价

原创 2016年06月01日 23:02:49
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            //首先获取所有的图片元素对象
            var tupian=document.getElementsByTagName("img");
            //去读取数组的索引
            for(var i=0;i<tupian.length;i++){
                tupian[i].setAttribute("index",i+1);
                tupian[i].onclick=function(){
                    var score=event.srcElement.getAttribute("index");
                    document.getElementById("fen").innerHTML=score;
                  //  var x=score-1;
                    for(var j=0;j<score;j++){
                        tupian[j].setAttribute("src","inages/1star.gif");
                    }
                    for(var j=score;j<tupian.length;j++){
                        tupian[j].setAttribute("src","inages/2star.gif");
                    }
                }
            }
        }
    </script>
</head>
<body>
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<span id="fen" style="color: red">0</span>分


</body>
</html>

相关文章推荐

评价打星星的JS代码

  • 2011年05月06日 10:00
  • 1KB
  • 下载

[Js]评价中点星星的演示小demo

前言工作中需要涉及到评价的部分,需要采用星级的方式。特意做了一个演示的demo。其实四五行代码就可以搞定的事,下面直接演示demo。 演示demo:http://download.csdn.net/...

星星打分JS

  • 2015年07月28日 15:15
  • 3KB
  • 下载

ASP.NET 原生js星星评分用户控件版

星星评分控件参数说明: jQueryRatyID:(同一个页面中出现多次控件使用时,需指定当前控件唯一的标识) Enable:true/false(是否允许评分) ...

js 星星评级

  • 2014年09月28日 11:28
  • 3KB
  • 下载

原生js星星评分

  • 2017年07月20日 10:14
  • 4KB
  • 下载

js实现星星评分

一个页面多个评分效果 js星星评分的代码在网上一搜就是一堆,可大部分是一个页面只能有一个,刚碰到一个需求,一个页面需要评多次的,所以自己在网上找了然后总结了下分享给大家。 以下是需要用到的...

js动态星星

  • 2015年11月17日 20:08
  • 44KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS里星星评价
举报原因:
原因补充:

(最多只允许输入30个字)