博客

jQWidgets jqxSlider getValue()方法

  • Post category:jquery

jqxSlider是jQWidgets库中用于创建滚动条的插件，相应的getValue()方法可以获取一个jqxSlider实例的当前值。

getValue()方法的语法如下：

getValue(): Number

此方法不需要参数。它返回一个Number类型的值，表示当前jqxSlider的值。

要使用getValue()方法，需要先创建一个jqxSlider实例。例如：

// 创建一个垂直滚动条
$("#sliderVertical").jqxSlider({
   orientation: "vertical",
   showTicks: true,
   step: 5,
   ticksFrequency: 5,
   min: 0,
   max: 100
});

上面的代码创建了一个垂直方向的滚动条，最小值为0，最大值为100，当前位置为初始位置。

获取jqxSlider的当前值，可以使用getValue()方法。例如：

// 获取垂直滚动条的当前值
var sliderValue = $("#sliderVertical").jqxSlider("getValue");
alert(sliderValue);

上面的代码在点击事件中获取了垂直滚动条的当前值，并通过弹框(alert)输出结果。

另一个示例是水平方向的滚动条。代码如下：

// 创建一个水平滚动条
$("#sliderHorizontal").jqxSlider({
   orientation: "horizontal",
   showTicks: true,
   step: 1,
   ticksFrequency: 1,
   min: 0,
   max: 10,
   value: 5
});

上面的代码创建了一个水平方向的滚动条，最小值为0，最大值为10，当前位置为中间位置。

获取jqxSlider的当前值，可以使用getValue()方法。例如：

// 获取水平滚动条的当前值
var sliderValue = $("#sliderHorizontal").jqxSlider("getValue");
alert(sliderValue);

上面的代码在点击事件中获取了水平滚动条的当前值，并通过弹框(alert)输出结果。

综上所述，通过getValue()方法，可以轻松获取jqxSlider的当前值。

Tags: