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

to get selected value from stars using jquery rateit plugin

本文关键字：获取 星星 jQuery rateit 插件 使用      更新时间：2023-09-26

我正在使用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。建议我一些解决方案。

假设下面是你的 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');

试试这个，它对我有用

<script type="text/javascript">
    $("#rateitval").click(function () {
        var x = $(this).rateit('value');
        console.log(x);
    });
</script>

我发现从 RateIt 星星那里获得价值的很酷和简单的方法。

我给你看代码示例：

网页视图： 

<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
相关文章：