JavaScript怎么做实现简单的星星评分效果

 我来答
yjx759520
2017-06-14 · TA获得超过338个赞
知道小有建树答主
回答量:449
采纳率:66%
帮助的人:208万
展开全部
<script>
function onClick(){

var a=document.getElementById("div");
var target = event.target;
var count=parseInt(target.getAttribute("index"));
for(var i=0;i<a.childElementCount;i++){
a.children[i].style="color:black;";
for(var o=0;o<count;o++){
a.children[o].style="color:red;";
}
}
}
</script>
</head>
<body>
<div id="div" onclick="onClick();">
<input type="text" id="text1" value="test" index="1">
<input type="text" id="text2" value="test" index="2">
<input type="text" id="text3" value="test" index="3">
<input type="text" id="text4" value="test" index="4">
<input type="text" id="text5" value="test" index="5">
</div>

简易demo,你参照着修改修改

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式