recherche

Maison >interface Web >js tutoriel >JS implémente la fonction de classement par étoiles

JS implémente la fonction de classement par étoiles

小云云
小云云original
2018-03-02 15:40:532359parcourir

Cet article partage principalement avec vous l'implémentation JS de la fonction de classement par étoiles, j'espère qu'il pourra aider tout le monde. 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>点亮星星评分</title></head><body  onload="test()"><table id ="czy">
    <tr>
        <td>★</td><td>★</td><td>★</td><td>★</td><td>★</td>
    </tr></table><input type="button" id="ok" value="打分"><script>
    tds=document.getElementsByTagName("td");    for(var i=0;i<tds.length;i++){
        tds[i].onmouseover=test;
    }    var index;    function  test(){

        for(var i=0;i<tds.length;i++){            if(tds[i]==this)
            {
                index=i;
            }
        }        for(var i=0;i<=index;i++) {
            tds[i].style.color = "red";
        }        for(var i=index+1;i<tds.length;i++){
            tds[i].style.color="black";
        }
    }
    document.getElementById("ok").onclick=function(){
        alert("评分："+(index+1)+"分");
    }</script></body></html>

Recommandations associées :

js allume le nombre d'étoiles et obtient les paramètres js code _javascript skills

Partage de code pour implémenter l'effet de notation par étoiles en JavaScript

jquery implémente une fonction similaire de notation par étoiles Taobao avec captures d'écran_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：js se rend compte que dépasser le texte devient des points de suspensionArticle suivant：js se rend compte que dépasser le texte devient des points de suspension

Articles Liés

Voir plus