📅  最后修改于: 2023-12-03 15:32:19.930000             🧑  作者: Mango
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>