博客

下面是关于 “jQWidgets jqxSwitchButton val() 方法” 的详细讲解。

jQWidgets jqxSwitchButton val() 方法

val() 方法用于获取或设置 jqxSwitchButton 组件的值。

语法

获取组件值：

var value = $("#switchButton").jqxSwitchButton("val");

设置组件值：

$("#switchButton").jqxSwitchButton("val", true);

参数

• value: 设置 jqxSwitchButton 组件的值。

返回值

• 如果未提供参数，则返回 jqxSwitchButton 组件的当前值。
• 如果提供参数，则返回选定的 jQuery 对象。

示例

示例一

获取 jqxSwitchButton 组件的值，并在控制台中输出。

HTML 代码：

<div id="switchButton"></div>

JavaScript 代码：

$(document).ready(function () {
    $("#switchButton").jqxSwitchButton();

    var value = $("#switchButton").jqxSwitchButton("val");
    console.log(value);
});

示例二

设置 jqxSwitchButton 组件的值为 true。

HTML 代码：

<div id="switchButton"></div>

JavaScript 代码：

$(document).ready(function () {
    $("#switchButton").jqxSwitchButton();

    $("#switchButton").jqxSwitchButton("val", true);
});

上述两个示例展示了如何使用 val() 方法来获取和设置 jqxSwitchButton 组件的值。如果你需要在开发中使用 jqxSwitchButton 组件作为开关按钮，那么这个 val() 方法将非常有用。