jQuery UI Spinner stepUp()方法

  • Post category:jquery

以下是关于 jQuery UI Spinner stepUp() 方法的详细攻略:

jQuery UI Spinner stepUp() 方法

stepUp() 方法允许您将 Spinner 的值加一个步长。步长可以通过设置 step 选项来定义。

语法

$(selector).spinner("stepUp",steps]);

参数

  • steps(可选):要增加的步数。默认为 1。

示例一:增加一个步长

<label for="spinner">选择数量:</label>
<input type="" id="spinner">

<script>
$( "#spinner" ).spinner({
  step: 10
});

$( "#spinner" ).spinner( "stepUp" );
</script>

这将创建一个 Spinner,并将步长设置为 10。当用户单击增加按钮时,值将增加 10。

示例二:增加多个步长

<label for="spinner">选择数量:</label>
<input type="text" id="spinner">

<script>
$( "#spinner" ).spinner({
  step: 5
});

$( "#spinner" ).spinner( "stepUp", 3 );
</script>

这将创建一个 Spinner,并将步长设置为 5。当用户单击增加按钮时,值将增加 15(即 5 x 3)。

总结:

stepUp()允许您将 Spinner 的值增加一个步长。步长可以通过设置 step 选项来定义。

以上是关于 jQuery UI Spinner stepUp() 方法的详细攻略,包括语法和两个示例。