📜  jQWidgets jqxSwitchButton offLabel 属性(1)

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

jQWidgets jqxSwitchButton offLabel 属性介绍

概述

jQWidgets jqxSwitchButton 是一款基于 jQuery 的开关按钮控件。offLabel 属性是这个控件的一个重要配置选项,用于设置开关处于非选中状态时的文本标签。

使用方法

在创建 jQWidgets jqxSwitchButton 控件时,可以通过设置 offLabel 属性来设置开关处于非选中状态时的文本标签。

// 创建 jQWidgets jqxSwitchButton 控件示例
$('#jqxSwitchButton').jqxSwitchButton({
    onLabel: '开启', // 设置开关处于选中状态时的文本标签
    offLabel: '关闭', // 设置开关处于非选中状态时的文本标签
    checked: false // 设置开关初始状态为关闭
});
示例代码

以下是一个完整的 jQWidgets jqxSwitchButton 控件示例代码,展示了如何使用 offLabel 属性来设置开关处于非选中状态时的文本标签。

<!-- 引入 jQWidgets 样式文件和脚本文件 -->
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>

<!-- 创建 jQWidgets jqxSwitchButton 控件示例 -->
<div id="jqxSwitchButton"></div>

<script>
    $(document).ready(function () {
        // 创建 jQWidgets jqxSwitchButton 控件示例
        $('#jqxSwitchButton').jqxSwitchButton({
            onLabel: '开启', // 设置开关处于选中状态时的文本标签
            offLabel: '关闭', // 设置开关处于非选中状态时的文本标签
            checked: false // 设置开关初始状态为关闭
        });
    });
</script>
参考文献
  • jQWidgets jqxSwitchButton 官方文档:https://www.jqwidgets.com/documentation/jqxswitchbutton/jquery-switchbutton-api.htm#properties