博客

jQuery UI Spinner stepDown()方法

  • Post category:jquery

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

jQuery UI Spinner stepDown() 方法

stepDown() 方法使 Spinner 控件的值减少一个步长。可以使用该方法来控制 Spinner 控件的值。

语法

$(selector).spinner("stepDown", [steps]);

参数

  • steps：可选参数，指定要减少的步数。默认值为 1。

示例一：使用 stepDown() 方法减少 Spinner 控件的值

<label for="spinner">选择一个数字：</label>
<input id="spinner" name="value">

<button id="step-down">减少</button>

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100,
  step: 10
});

$( "#step-down" ).on( "click", function() {
  $( "#spinner" ).spinner( "stepDown" );
});
</script>

这将创建一个 Spinner 控件，并在页面上添加一个按钮。当用户单击按钮时，将调用 stepDown() 方法，将 Spinner 控件的值减少一个步长。

示例二：使用 stepDown() 方法减少 Spinner 控件的值多个步长

<label for="spinner">选择一个数字：</label>
<input id="spinner" name="value">

<button id="step-down">减少 3 步</button>

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100,
  step: 10
});

$( "#step-down" ).on( "click", function() {
  $( "#spinner" ).spinner( "stepDown", 3 );
});
</script>

这将创建一个 Spinner 控件，并在页面上添加一个按钮。当用户单击按钮时，将调用 stepDown() 方法，将 Spinner 控件的值减少三个步长。

总结：

stepDown() 方法使 Spinner 控件的值减少一个步长。可以使用该方法来控制 Spinner 控件的值。可以通过指定 steps 参数来减少多个步长。

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

Tags: