bootstrap-switch：変更時に​​他のオプションを無効にする/有効にする

Question

私はブートストラップスイッチを使用し、異なるボタンを使用します。このオプションがオフで無効になっている（これは、ページのロードに未チェックだときや）、およびイネーブル（またはそれがチェックだときに、

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

私がしたい：私はこのサンプルのようなパラメータとして他の属性を与えることができ、変更をGivsページのロード時に）ここでチェック

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