📜  jQWidgets jqxRating getValue() 方法(1)

📅  最后修改于: 2023-12-03 15:32:19.256000             🧑  作者: Mango

jQWidgets jqxRating getValue() 方法

简介

jQWidgets是一个基于jQuery的UI框架,为web开发者提供了丰富的UI组件和工具。jqxRating是其提供的一个评分控件,getValue()方法是jqxRating组件中获取当前所选分数的方法。

用法
获取jqxRating组件实例

在使用getValue()方法之前,需要获取jqxRating组件的实例。可以使用jQuery选择器来获取该组件:

var rating = $("#jqxRating").jqxRating("getInstance");
使用getValue()方法

调用jqxRating的getValue()方法可以获取当前所选分数。例如:

var value = rating.getValue();
console.log(value); // 输出当前所选分数
参数

getValue()方法没有参数。

返回值

getValue()方法返回当前所选分数,类型为number。

示例

以下是一个简单示例,展示了如何使用jqxRating组件和getValue()方法:

<html>
<head>
    <meta charset="UTF-8">
    <title>jqxRating getValue() 方法示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
</head>
<body>
    <div id="jqxRating"></div>
    <button onclick="getRatingValue()">获取分数</button>
    <script>
        $(document).ready(function () {
          $("#jqxRating").jqxRating({ width: 350, height: 30, value: 3.5});
        });
        function getRatingValue() {
          var rating = $("#jqxRating").jqxRating("getInstance");
          var value = rating.getValue();
          alert("当前所选分数为: " + value);
        }
    </script>
</body>
</html>

效果如下:

jqxRating示例效果图