jQWidgets jqxRating值属性

jQWidgets jqxRating值属性详解

jqxRating 是 jQWidgets 中用于显示评分/评级的组件，其 value 属性用于获取或设置组件的值。下面详细介绍 value 属性的使用。

属性介绍

• 类型：Number
• 默认值：0
• 取值范围：0 ~ 最大评分数
• 设置该属性可以改变组件当前显示的评分数值。同时，该属性也可以被监听，当属性值发生改变时将触发相关的事件。

属性方法

• 获取属性值

let value = $('#jqxRating').jqxRating('getValue');

• 设置属性值

$('#jqxRating').jqxRating({ value: 3 });

示例说明

示例1：

使用 value 属性设置默认值为 2，并显示在页面上。

<div id="jqxRating"></div>
<script>
  $(function () {
    $('#jqxRating').jqxRating({
      value: 2,
    });
  });
</script>

示例2：

设置一个监听事件，实时获取 value 属性值的变化。

<div id="jqxRating"></div>
<script>
  $(function () {
    $('#jqxRating').jqxRating();

    $('#jqxRating').on('change', function (event) {
      console.log(event.value);
    });
  });
</script>

以上是关于 jQWidgets jqxRating 组件 value 属性的详细介绍，希望这篇攻略能够帮助您深入了解该属性的使用。