jQuery UI Spinner min 选项

  • Post category:jquery

以下是关于 jQuery UI Spinner min 选项的详细攻略:

jQuery UI Spinner min 选项

可以使用 min 选项来设置 Spinner 控件的最小值。将限制用户输入的值不能小于最小值。

语法

$( ".selector" ).spinner({
  min: 0
});

示例一:设置 Spinner 控件的最小值

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

<script>
$( "#spinner" ).spinner({
  min: 0
});
</script>

这将创建一个 Spinner 控件,并将其最小值设置为 0。用户无法输入小于 0 的值。

示例二:动态设置 Spinner 控件的最小值

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

<button id="set-min">设置最小值为 10</button>

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

$( "#set-min" ).click(function() {
  $( "#spinner" ).spinner( "option", "min", 10 );
});
</script>

这将创建一个 Spinner 控件,并在页面上添加一个按钮。单击按钮将动态设置该控的最小值为 10。用户无法输入小于 10 的。

总结:

可以使用 min 选项来设置 Spinner 控件的最小值。这将限制用户输入的值不能小于最小值。可以在创建控件时设置最小值,也可以在运行时动态设置最小值。

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