javascript - 动态设置评分

Question

我正在使用这个 java 脚本库来显示评级http://www.fyneworks.com/jquery/star-rating/#tab-Overview。我正在使用以下方法来设置页面加载时的排名。

<input name='star_1' type='radio' value='1' class='star'/>
<input name='star_1' type='radio' value='2' class='star'/>
<input name='star_1' type='radio' value='3' class='star'/>
<input name='star_1' type='radio' value='4' class='star'/>
<input name='star_1' type='radio' value='5' class='star'/>

---

  $('.levelBucket li .star').rating({
        required: true,
        callback: function (value, link) {  }
    });

当用户点击星星时这很好用，但我想在没有用户点击的情况下设置评级。有一个单独的事件，在该事件结束时，我想通过 Java 脚本更改评级。我怎样才能做到这一点 ？

Answer 1

检查API

如果您的评分系统看起来像 Example: (values A/B/C/D/E)

By Index: $('input').rating('select',3) 
By Value: $('input').rating('select','C')

在你的情况下，它应该是这样的

$('.levelBucket li .star').rating('select', your-value);

希望这可以帮助

Answer 2

$('.levelBucket li .star').rating('select', value);

另请参阅API。

=== 更新 ===

添加到html：

<button id="set-rating">set rating</button>

添加到javascript：

$('#set-rating').click(function() {
    $('.star').rating('select', '3');
});

另请参阅此示例。