<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>评论</title>
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/comment.css">
<script src="../assets/js/rem.js"></script>
</head>
<body>
<div class="star">
<ul class="clearfix">
<li class="li-title">整体评分： </li>
<li><img src="../assets/images/star_no.png" alt=""></li>
<li><img src="../assets/images/star_no.png" alt=""></li>
<li><img src="../assets/images/star_no.png" alt=""></li>
<li><img src="../assets/images/star_no.png" alt=""></li>
<li><img src="../assets/images/star_no.png" alt=""></li>
</ul>
</div>
<div class="content">
<textarea id="dd" placeholder="活动满足你的期待吗？说说你的感受，帮助我们进步吧。"></textarea>
<span>0/100</span>
</div>
<div class="publicBtn" style="background: #2195f2">
<a href="javascript:;">提交</a>
</div>
<script src="../assets/js/jquery-1.10.2.js"></script>
<script>
// $(function () {
// $(".content textarea").attr("readonly",true);
// });
var lis=$("ul li img");
lis.click(function () {
var index;
for(var i=0;i<lis.length;i++){
if(lis[i]==this)
{
index=i;
}
}
//选中的设置成黄色图片 没选中的设置成灰色图片
for(var i=0;i<=index;i++) {
lis[i].src = "../assets/images/star_on.png";
}
for(var i=index+1;i<lis.length;i++){
lis[i].src = "../assets/images/star_no.png";
}
})
</script>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
