javascript五星评价效果(火狐显示不出效果)

来源:互联网 发布:阿里云服务器能翻墙吗 编辑:程序博客网 时间:2024/05/16 01:49


<html>
<head>
<title></title>

</head>
    <body>
        <script type="text/javascript">
        var starNum=0;
        function chgStarColor(strID)
        {
            starNum=strID.slice(-1);
            for (var i=1;i<=5;i++) eval("id"+i).innerHTML="☆";
            for (var j=1;j<=starNum;j++) eval("id"+j).innerHTML="★";
        }
    
        function getStarNum()
        {
            alert("用户给了"+starNum+"颗星!");
        }
    
        for (var i=1;i<=5;i++)
        {
            document.write('<span id="id'+i+'" onclick="chgStarColor(this.id)"   style="cursor:pointer;">☆</span>');
        }
        document.write('<br/><br/><button onclick="getStarNum()">查看星星数目</button>');
      </script>
    </body>
</html>