bootstrap-switch：禁用/啓用更改上的其他選項

我使用bootstrap-switch並具有不同的按鈕。 GIVS的變化，我可以給其他屬性這樣的樣本參數：bootstrap-switch：禁用/啓用更改上的其他選項

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

我想，這個選項是選中禁用（或當它是在頁面加載選中），並啓用（或當它檢查在檢查

來源

2017-01-30 Koda

你能否提供更多的HTML t？加上你已經嘗試過的JavaScript代碼？並準確描述你想要什麼，現在很難說清楚 –

下面是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

來源

2017-01-30 10:13:47

這很棒。謝謝。我已經改變它：$（「[id^= switchHandler]」）。on（「switchChange.bootstrapSwitch」，function（）{我可以做出不同的switchHandler。很好，給出一個改變，腳本禁用/啓用按鈕，而不是選中/取消選中？ – Koda

問：你太棒了，謝謝。如果檢查或取消選中啓用/禁用從數據到啓用的交換機，請檢查頁面上的id =「switchHandler」？此時，當我在頁面加載時檢查switchHandler時，選項數據啓用是錯誤的方式 – Koda

@Koda再次更新現在當頁面加載時，交換機基於'$（「 #toggleSwitch「）'如果你想反轉這種行爲，只需否定'state'變量（通過這樣做：'！_this.bootstrapSwitch（」state「）'） –

bootstrap-switch：禁用/啓用更改上的其他選項

回答

相關問題