bootstrap-switch：禁用/启用更改上的其他选项

Question

我使用bootstrap-switch并具有不同的按钮。 GIVS的变化，我可以给其他属性这样的样本参数：

<input type="checkbox" name="values[{$optionName}]" value="1" data-to-enable="values[optionName1],values[optionName5],values[optionName50],values[optionName100],values[optionName333]" /> 

我想，这个选项是选中禁用（或当它是在页面加载选中），并启用（或当它检查在检查

Answer 1

下面是JavaScript代码的网页加载）你想：

$(function() { 

    var toggleSwitch = function(ev) { 
     var _this = $(ev.currentTarget); 
     var toChange = _this.data("to-enable").split(","); 
     var state = _this.bootstrapSwitch("state"); 

     $("input.switch").each(function(el, index) { 
      if($.inArray($(this).prop("name"), toChange) >= 0) { 
       $(this).bootstrapSwitch("disabled", state); 
      } 
     }); 
    }  

    $("input").bootstrapSwitch(); 
    $("input[id^='switchHandler']").each(function(){ 
     $(this).bootstrapSwitch("state", $(this).data("checked")); 
     $(this).on("switchChange.bootstrapSwitch", toggleSwitch); 
     $(this).trigger("switchChange.bootstrapSwitch"); 
    }); 

}); 

这里是你婉什么工作jsfiddle