bootstrap 开关（switch）控件

引用：

<link rel="stylesheet" href="${ctx}/static/vendor/bootstrap/css/bootstrap-switch.min.css">
<script src="${ctx}/static/vendor/bootstrap/js/bootstrap-switch.min.js"></script>

效果图：

 

 

<div class="switch switch-large">
	<input type="checkbox" id="chkappType"<c:if test="${bean.appType == 0}"> checked</c:if> >
</div>

联动切换：

         $("#chkappType").bootstrapSwitch({
	        onText : "H5",
	        offText : "APP",
	        onColor : "primary",
	        offColor : "warning",
	        onSwitchChange : function() {
	            var checkedOfAll=$("#chkappType").prop("checked");
	            if (checkedOfAll==false){
	                $('#h5url').hide();
	                $("#url").show();
	            }
	            else {
	                $('#h5url').show();
	                $("#url").hide();
	            }
	        }
        });	

js下载地址：

https://download.csdn.net/download/qq_31935559/11146520

演示地址：

http://www.bootcss.com/p/bootstrap-switch/