使用jquery禁用和启用引导开关

前端之家收集整理的这篇文章主要介绍了使用jquery禁用和启用引导开关前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用自举开关,目前卡住,因为没有任何强大的文档或示例,我可以访问.
<div class="col-xs-6">
  <div class="pull-left">
     <input class="switch" type="checkBox" id="cb_project_status"  name="cb_project_status" 
        <?PHP if($data_p_projectstatus=="ACTIVE") echo("checked"); else echo("");?> 
        data-on-color="success" data-off-text="Inactive" data-on-text="Active" 
        data-off-color="warning" data-size="mini" disabled>
     </div> 
 </div>

关于js文件的文档准备,我这样做

$("#cb_project_status").bootstrapSwitch();

并已附加在PHP页面

<link rel="stylesheet" href="css/bootstrap-switch.min.css">

我需要实现以下功能:除非用户输入所有必填字段,否则需要禁用切换按钮.

if($.fn.validateFormInputs()){
   // enable bootstrap switch
}else{
   // disable bootstrap switch
}

什么是启用/禁用引导切换的jQuery命令.谢谢!

解决方法

您可以通过以下多种方式执行此操作:

DEMO

Using options

输入1

随着初始化

$("[name='my-checkBox']").bootstrapSwitch({
    disabled:true
});

类型2

初始化后

$("[name='my-checkBox']").bootstrapSwitch(); //initialized somewhere
$("[name='my-checkBox']").bootstrapSwitch('disabled',true);

Using Method

$("[name='my-checkBox']").bootstrapSwitch(); //initialized somewhere
$("[name='my-checkBox']").bootstrapSwitch('toggleDisabled',true,true);

Documentation

猜你在找的jQuery相关文章