js 实现简单的星星值打分

最新推荐文章于 2021-09-27 19:41:19 发布

王2疼

最新推荐文章于 2021-09-27 19:41:19 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js小tip 文章标签： js 前端

本文链接：https://blog.youkuaiyun.com/weixin_39228870/article/details/85680732

js小tip 专栏收录该内容

11 篇文章

订阅专栏

本文展示了一个使用HTML和jQuery实现的简易评分系统，通过预设的字符串来生成星号评分，适用于0-5分的整数评价场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

此实例只能实现简单的0-5整数值打分
直接po代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<style>
		body { font-size: 30px; }
		#star { color: orange; }
	</style>
</head>
<body>
	<p>4分</p>
	<div id="star"></div>
	<script src="./jquery-3.1.1.min.js"></script>
	<script>
		var num = 4;
		var str = "★★★★★☆☆☆☆☆".slice(5 - num, 10 - num);
		$("#star").html(str);
	</script>
</body>
</html>