要将Bootstrap Switcher默认设置为ON,可以通过以下步骤实现:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-switch@3.3.4/dist/css/bootstrap3/bootstrap-switch.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-switch@3.3.4/dist/js/bootstrap-switch.min.js"></script>
<input type="checkbox" checked data-toggle="switch">
$("[data-toggle='switch']").bootstrapSwitch();
$("[data-toggle='switch']").bootstrapSwitch('state', true);
现在,当页面加载完成时,Switcher将默认处于ON状态。
关于Bootstrap Switcher的更多信息,你可以访问腾讯云的相关产品文档:
领取专属 10元无门槛券
手把手带您无忧上云