可以通过使用JavaScript和CSS来实现。以下是一个实现星级评级的示例:
<%= form.hidden_field :rating %>
<div class="rating">
<% 5.times do |i| %>
<%= link_to fa_icon('star', class: ('active' if i < @model.rating)), '#', data: { rating: i + 1 } %>
<% end %>
</div>
$(document).ready(function() {
$('.rating a').on('mouseover', function() {
$(this).prevAll().addClass('hover');
$(this).addClass('hover');
}).on('mouseout', function() {
$(this).siblings().removeClass('hover');
$(this).removeClass('hover');
}).on('click', function() {
var rating = $(this).data('rating');
$('input[name="model[rating]"]').val(rating);
});
});
.rating a {
color: #ccc;
text-decoration: none;
}
.rating a.active,
.rating a.hover {
color: #ffcc00;
}
这样,用户就可以在表单中通过鼠标悬停和点击来选择星级评级。选中的评级值将通过隐藏字段传递给后端处理。
对于Ruby on Rails开发,腾讯云提供了云服务器CVM、云数据库MySQL、云存储COS等产品,可以用于支持Rails应用的部署和运行。具体产品介绍和使用方法可以参考腾讯云官方文档:
请注意,以上答案仅供参考,实际实现方式可能因具体需求和技术选型而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云