JavaScript怎么做实现简单的星星评分效果
1个回答
展开全部
<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,你参照着修改修改
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询