bootstrap-switch使用

最新推荐文章于 2024-04-17 07:13:39 发布

混进IT圈

最新推荐文章于 2024-04-17 07:13:39 发布

阅读量124

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： bootstrap switch ViewUI

本文链接：https://blog.youkuaiyun.com/lihaiming_2008/article/details/84691207

前端专栏收录该内容

69 篇文章

订阅专栏

本文介绍了一个用于初始化系统中四方业务和三方业务开放状态的方法。通过使用Bootstrap Switch插件，可以根据预设的状态（如1为开启）来自动设置开关组件的初始状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<div class="form-body">
							<div class="form-group">
								<label class="control-label col-md-3">四方业务是否开放</label>
								<div class="col-md-9" id="editDivForFourStatus">
									<input type="checkbox" id="fourStatus" name="fourStatus" class="make-switch" data-on-color="success" data-off-color="default" data-on-text="开放中" data-off-text="关闭中" />
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-3">三方业务是否开放</label>
								<div class="col-md-9" id="editDivForThreeStatus">
									<input type="checkbox" id="threeStatus" name="threeStatus" class="make-switch" data-on-color="success" data-off-color="default" data-on-text="开放中" data-off-text="关闭中" />
								</div>
							</div>
						</div>

初始化选中

if(fourStatus=="1"){
		$('#fourStatus').bootstrapSwitch('toggleState');
        $('#fourStatus').bootstrapSwitch('state', true);
	}else{
		$('#fourStatus').bootstrapSwitch('toggleState');
        $('#fourStatus').bootstrapSwitch('state', false);
	}