jquery - jQuery 星级评分系统，每颗星都有一个值

Question

我的 jQuery 代码有问题，我希望每颗星都有一个值。所以一号星是 1/5，二号星是 2/5，以此类推。(Value="1/5") 我使用 PHP 发送结果，但它使用 Values。计划是在表格中使用这个星级评分系统。

我已将代码放入 jsFiddle。链接：http: //jsfiddle.net/trikedgaming/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 页面上。

Answer 1

您缺少#example-rating-...您尝试访问的元素。

添加：

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

并更改text()为val()：

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

单击星星时，您应该会看到值发生变化。完成测试后输入类型hidden...