Maison > Article > interface Web > JS implémente la fonction de classement par étoiles
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!