📌  相关文章
📜  jQWidgets jqxRating value 属性(1)

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

jQWidgets jqxRating Value 属性

简介

jQWidgets jqxRating 组件是一个可以创建评分（评分）控件的 JavasSript 组件。该组件支持从 0 到 5 的分数，可以通过鼠标点击或拖动进行操作，并支持自定义样式。其中，value 属性是该组件中一个非常重要的属性，它代表组件的初始值或者当前的评分值。

属性介绍
value
  • 属性类型：Number
  • 默认值：0
  • 可选值：0 - 5
  • 描述：表示组件的初始值或者当前的评分值。如果该值超过 5 或小于 0，则会被自动截断到最大值或最小值。
用法示例

以下是一个简单的示例，显示如何使用 jQWidgets jqxRating 组件和 value 属性来创建一个评分组件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQWidgets jqxRating with value property</title>
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.classic.css" type="text/css" />
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/demos.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxcore.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxbuttons.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxrating.js"></script>
</head>
<body>
    <div id="jqxRating"></div>
    <script type="text/javascript">
        $(document).ready(function () {
            // Create a jqxRating instance and set its value to 3
            $("#jqxRating").jqxRating({ value: 3 });
        });
    </script>
</body>
</html>

以上示例代码中，创建了一个 jqxRating 组件实例，并通过其 value 属性设置了初值为 3。当页面加载完成后，会出现一个初值为 3 的评分组件。

参考文献