使用jquery实现BootstrapSwitch将复选框和单选按钮变成切换开关方法
html代码
<div class="form-group">
<label class="control-label col-md-2 col-sm-2 col-xs-12">是否需要物料</label>
<div class="col-md-5 col-sm-5 col-xs-12">
<i style="font-size: 30px;color: #696969;" class="switchEarly fa fa-toggle-off"
onclick="openModebtn('material')" id="mode_fa_material"></i>
<input type="hidden" id="open_material" name="open_material" value="0">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2 col-sm-2 col-xs-12">是否需要报名</label>
<div class="col-md-5 col-sm-5 col-xs-12">
<i style="font-size: 30px;color: #696969;" class="switchEarly fa fa-toggle-off"
onclick="openModebtn('enroll')" id="mode_fa_enroll"></i>
<input type="hidden" id="open_enroll" name="open_enroll" value="0">
</div>
</div>
jquery代码