jQuery星级评分系统,每个星级都有一个值

时间:2013-06-21 14:13:33

标签: jquery forms

我的jQuery代码有问题,我希望每个明星都有价值。 因此,星球1是1/5,星星2是2/5,依此类推。 (值= “1/5”) 我使用PHP发送结果但它使用了值。 计划是以表格形式使用这个星级评定系统。

我已将代码放入jsFiddle。链接:http://jsfiddle.net/trickedgaming/2Q5cw/

<div id="stars"></div>
$(document).ready(function () {
    $('#example-1').ratings(10).bind('ratingchanged', function (event, data) {
        $('#example-rating-1').text(data.rating);
    });

    $('#stars').ratings(5).bind('ratingchanged', function (event, data) {
        $('#example-rating-2').text(data.rating);
    });
});

其余代码位于jsFiddle页面上。

1 个答案:

答案 0 :(得分:0)

您错过了您尝试访问的#example-rating-...元素。

添加:

<input type="text" name="rating" value="" id="example-rating-2" />

并将text()更改为val()

$('#example-rating-2').val(data.rating);

单击星标时,您应该会看到值的变化。完成测试后输入类型hidden