📜  jQuery UI Spinner option() 方法(1)

📅  最后修改于: 2023-12-03 15:02:12.039000             🧑  作者: Mango

jQuery UI Spinner option() 方法

在jQuery UI中,Spinner插件提供了一个用于增加或减少数字值的输入框,该插件可以接收一些选项以实现定制需求。使用 option() 方法,程序员可以动态地添加、删除、更改和获取Spinner插件的选项。

语法
$( ".selector" ).spinner( "option", optionName );
$( ".selector" ).spinner( "option", optionName, value );
$( ".selector" ).spinner( "option", {option1: value1, option2: value2, ... } );
  • .selector: Spinner插件的选择器。
  • optionName: 要获取、更改或删除的选项名称。
  • value: 要设置的选项值。
  • {option1: value1, option2: value2, ... }: 一组要设置的选项及其值。
示例
获取选项值
// 获取 Spinner 插件的 "min" 选项值
var minValue = $( "#spinner" ).spinner( "option", "min" );
设置单个选项值
// 设置 Spinner 插件的 "max" 选项值为 100
$( "#spinner" ).spinner( "option", "max", 100 );
设置多个选项值:
// 设置 Spinner 插件的最小值为 0,最大值为 100,步长为 10,等等
$( "#spinner" ).spinner( "option", {
  min: 0,
  max: 100,
  step: 10,
  numberFormat: "C"
});
删除选项
// 删除 Spinner 插件的 "spin" 选项(spin 选项会影响增加/减少数字值的方式)
$( "#spinner" ).spinner( "option", "spin", null );
注意事项
  • 在使用 option() 方法更改 options 中的多个选项时,必须将这些选项放在一个对象中。
  • 对于设置具有布尔值的选项,例如 disabled,可以将其设置为 truefalse,也可以使用 null 来删除该选项。
  • 全部可用选项请参见官方文档