Я бы предложил использовать для этого плагин jQuery Star Rating .Посмотрите демонстрационную страницу , как все это выглядит.JSP / HTML в основном выглядит следующим образом (вам нужно только поместить необходимые файлы JS / CSS / image в общедоступный веб-контент).Волшебство достигается путем присвоения переключателям имени класса star
.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Star rating demo</title>
<link rel="stylesheet" href="jquery.rating.css">
<script src="jquery.js"></script>
<script src="jquery.rating.js"></script>
</head>
<body>
<form>
<input type="radio" name="rating" value="1" class="star">
<input type="radio" name="rating" value="2" class="star">
<input type="radio" name="rating" value="3" class="star">
<input type="radio" name="rating" value="4" class="star">
<input type="radio" name="rating" value="5" class="star">
</form>
</body>
</html>
. На стороне сервера вы просто используете HttpServletRequest#getParameter()
для получения значения рейтинга.
String rating = request.getParameter("rating");
// ...
В приведенном выше примере он вернет 1, 2, 3, 4 или 5.