Question

我使用jQuery的rateit插件进行星级评分。这是插件http://rateit.codeplex.com/

我的代码：

<link href="rateit.css" rel="stylesheet" type="text/css">
<script src="../src/jquery.rateit.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<div class="rateit" id="rateitval" data-rateit-step="1" data-rateit-resetable='false'></div>

<input type="button" onclick="dis();">

<script type="text/javascript">
    var tooltipvalues = ['bad', 'poor', 'ok', 'good', 'super'];
    var v = 1;
    $("#rateitval").bind('over', function(event, value) {
        v = value;
        $(this).attr('title', tooltipvalues[value - 1]);
    });

    function dis() {
        alert(v);
    }
</script>

当我点击按钮时，我需要将星形中给出的速率值作为警报。但是对于我的代码，它显示所有值都为null。建议我一些解决方案。

Answer 1

试试这个，它对我有用

<script type="text/javascript">
    $("#rateitval").click(function () {

        var x = $(this).rateit('value');
        console.log(x);
    });
</script>

Answer 2

我找到了从RateIt明星那里获得价值的简单明了的方法。

我给你看了代码示例：

HTML视图：

<span id="RateForm_15" class="rateit"></span> // I give rate span unique ID

Jquery脚本：

var rateValue = $('#RateForm_15 > div').attr('aria-valuenow'); //hare is a value

Answer 3

假设以下是你的html：

  <div class="rateit bigstars" data-rateit-starwidth="32" data-rateit-starheight="32" data-value="0.0" data-step="1.0" data-rateit-min="0" data-rateit-max="5" id="customer_rating"></div

获取选定值：

$('#customer_rating').rateit('value');

设定值：

$('#customer_rating').rateit('value', 2)

复位：

 $('#customer_rating').rateit('reset');

使用jquery rateit插件从星星中获取选定的值

3 个答案: