jQuery UI Spinner stepUp() 方法

stepUp() 方法是 jQuery UI Spinner（旋转框）组件中的一个方法，它用于将组件的值递增一个指定的步长。该方法通常与增加按钮一起使用。

语法

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

参数

• steps（可选）：要递增的步数，默认为 1。

返回值

该方法不会返回任何值。

示例

HTML

<p>
  <label for="input">数值：</label>
  <input id="input" value="50" readonly>
  <button id="up">增加</button>
  <button id="down">减少</button>
</p>

JavaScript

$(function() {
  var spinner = $( "#input" ).spinner();

  $( "#up" ).click(function() {
    spinner.spinner( "stepUp", 10 );
  });

  $( "#down" ).click(function() {
    spinner.spinner( "stepDown", 10 );
  });
});

此示例创建了一个旋转框和两个按钮，当点击“增加”（id="up"）按钮时，将会递增 10 的步长。当点击“减少”（id="down"）按钮时，将会递减 10 的步长。

Markdown

# jQuery UI Spinner stepUp() 方法

`stepUp()` 方法是 jQuery UI Spinner（旋转框）组件中的一个方法,它用于将组件的值递增一个指定的步长。该方法通常与增加按钮一起使用。

## 语法

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

### 参数

- `steps`（可选）：要递增的步数，默认为 1。

## 返回值

该方法不会返回任何值。

## 示例

#### HTML

```html
<p>
  <label for="input">数值：</label>
  <input id="input" value="50" readonly>
  <button id="up">增加</button>
  <button id="down">减少</button>
</p>

JavaScript

$(function() {
  var spinner = $( "#input" ).spinner();

  $( "#up" ).click(function() {
    spinner.spinner( "stepUp", 10 );
  });

  $( "#down" ).click(function() {
    spinner.spinner( "stepDown", 10 );
  });
});

此示例创建了一个旋转框和两个按钮，当点击“增加”（id="up"）按钮时，将会递增 10 的步长。当点击“减少”（id="down"）按钮时，将会递减 10 的步长。