动态设置评级

时间:2012-07-02 06:39:40

标签: javascript jquery jquery-ui

我正在使用此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脚本更改评级。我怎么能这样做?

2 个答案:

答案 0 :(得分:0)

检查 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);

希望这有帮助

答案 1 :(得分:0)

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

另见the API

=== UPDATE ===

添加到html:

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

添加到javascript:

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

另见this example