jQuery Mobile Flipswitch option() 方法

Flipswitch 是一种移动端开关按钮，而 jQuery Mobile 是一种用于构建移动端应用的框架。jQuery Mobile Flipswitch option() 方法可以用来设置或获取 Flipswitch 的选项值。

语法

$(selector).flipswitch("option", optionName, [value]);

• selector: 选择器，用于选择要应用 flipswitch 选项的元素
• optionName: 字符串，flipswitch 选项的名称
• value：可选，设置选项的值

参数

• optionName: 选项名称，具体列表可以参考 jQuery Mobile 官方文档。

返回值

如果没有指定 value 参数，则返回当前选项的值；如果指定了 value 参数，则不返回任何值。

示例

获取当前选项值

// HTML：
// <label>
//   <input type="checkbox" id="flipswitch" data-role="flipswitch">
//   <span>开关按钮</span>
// </label>

// JavaScript：
var flipswitchValue = $("#flipswitch").flipswitch("option", "value"); // 获取当前选项值
console.log(flipswitchValue); // 输出 true 或 false

设置选项值

// HTML：
// <label>
//   <input type="checkbox" id="flipswitch" data-role="flipswitch">
//   <span>开关按钮</span>
// </label>

// JavaScript：
$("#flipswitch").flipswitch("option", "theme", "a").flipswitch("refresh"); // 设置选项值为 "a"，并刷新 Flipswitch

注意事项

• 刷新 Flipswitch：如果要动态更改 Flipswitch 的选项值，需要在设置完选项值之后调用 refresh 方法来刷新 Flipswitch。
• 延迟刷新：由于 Flipswitch 的刷新是异步执行的，所以如果要获取到最新的选项值，需要在刷新完成之后再获取。可以使用 promise() 方法来实现延迟获取最新的选项值。