jQuery UI Controlgroup option(optionName) 方法

jQuery UI Controlgroup是一组 jQuery UI 插件，用于创建可视化的控件组合，其中包括按钮，单选框和复选框等控件。option(optionName) 方法是其中的一个选项方法，它允许您在运行时更改 Controlgroup 的选项。

语法

$(selector).controlgroup("option", optionName);
$(selector).controlgroup("option", optionName, value);

参数

• selector: 控件的选择器。
• optionName: 要设置的选项的名称。
• value(可选): 要为选项设置的值。

返回值

option(optionName) 方法将返回指定选项的值。

实例

以下示例演示如何使用 option(optionName) 方法设置和获取 Controlgroup 的选项：

<div id="button-group">
  <button>Button 1</button>
  <button>Button 2</button>
  <button>Button 3</button>
</div>

// 初始化 Controlgroup 组件
$("#button-group").controlgroup();

// 获取 Controlgroup 组件当前的 disabled 选项值
console.log($("#button-group").controlgroup("option", "disabled")); // false

// 设置 Controlgroup 组件的 disabled 选项值为 true
$("#button-group").controlgroup("option", "disabled", true);

// 获取 Controlgroup 组件当前的 disabled 选项值
console.log($("#button-group").controlgroup("option", "disabled")); // true

在上面的示例中，我们首先通过调用 controlgroup() 方法初始化了一个 Button 组。然后，我们调用 option(optionName) 方法来获取或设置 Controlgroup 的 disabled 选项的值。在设置选项时，我们通过将第三个参数设置为 true 来将 disabled 选项的值设置为 true。最后，我们再次调用 option(optionName) 方法来验证选项的新值。