博客

jQuery UI Spinner禁用选项

  • Post category:jquery

以下是关于 jQuery UI Spinner 禁用选项的详细攻略：

jQuery UI Spinner 禁用选项

可以使用 disabled 选项来禁用 Spinner 控件。禁用后，用户将无法与控件交互。

语法

$( ".selector" ).spinner({
  disabled: true
});

示例一：禁用 Spinner 控件

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

<button id="disable">禁用</button>
<button id="enable">启用</button>

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

$( "#disable" ).click(function() {
  $( "#spinner" ).spinner( "option", "disabled", true );
});

$( "#enable" ).click(function() {
  $( "#spinner" ).spinner( "option", "disabled", false );
});
</script>

这将创建一个 Spinner 控件，并在页面上添加两个按钮，用于禁用和用控件。单击“禁用”按钮将禁用控件，单击“启用”按钮将启用控件。

示例二：禁用 Spinner 控件的某些选项

“`html


`

这将创建一个 Spinner 控件，并在页面上添加两个按钮，用于禁用和启用控件的最小值选项。单击“禁用最小值”按钮将禁用最小值选项，单击“启用最小值”按钮将启用最小值选项。

总结：

可以使用 disabled 选项来禁用 Spinner 控件。禁用后，用户将无法与控件交互。也可以禁用控件的某些选项，例如最小值、最大值等。

以上是关于 jQuery UI Spinner 禁用选项的详细攻略，包括语法和两个示例。

Tags: