jquery 使用bootstrap 星星评分

可以使用bootstrap中的星星评分组件和jQuery来实现星星评分功能。

首先，需要在html页面中引入bootstrap和jQuery的库文件：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

然后，在页面中添加一个星星评分的HTML元素：

<div class="star-rating">
  <input id="star-5" type="radio" name="rating" value="5">
  <label for="star-5" title="5 stars">
    <i class="active fa fa-star" aria-hidden="true"></i>
  </label>
  <input id="star-4" type="radio" name="rating" value="4">
  <label for="star-4" title="4 stars">
    <i class="active fa fa-star" aria-hidden="true"></i>
  </label>
  <input id="star-3" type="radio" name="rating" value="3">
  <label for="star-3" title="3 stars">
    <i class="active fa fa-star" aria-hidden="true"></i>
  </label>
  <input id="star-2" type="radio" name="rating" value="2">
  <label for="star-2" title="2 stars">
    <i class="active fa fa-star" aria-hidden="true"></i>
  </label>
  <input id="star-1" type="radio" name="rating" value="1">
  <label for="star-1" title="1 star">
    <i class="active fa fa-star" aria-hidden="true"></i>
  </label>
</div>

接下来，使用jQuery来监听星星评分的变化，并将选中的星级值保存到一个隐藏的表单输入框中，以便在后台处理：

$(document).ready(function(){
  $('.star-rating input').change(function() {
    var rating = $(this).val();
    $('#rating-value').val(rating);
  });
});

最后，在表单提交时，将隐藏的表单输入框中的星级值发送到后台进行处理。

这样，就可以实现一个简单的基于bootstrap和jQuery的星星评分功能。