我正在使用Bootstrap Toggle插件將複選框轉換爲切換按鈕。Bootstrap切換：將多個複選框的切換狀態設置爲'關'

<input type="checkbox" id="c1" data-toggle="toggle" data-on="Enabled" data-off="Disabled" data-size="small" data-onstyle="success"> 
<input type="checkbox" id="c2" data-toggle="toggle" data-on="Style" data-off="Style" data-size="small" data-onstyle="success"> 
<input type="checkbox" id="c3" data-toggle="toggle" data-on="Border" data-off="Border" data-size="small" data-onstyle="success">

它的工作正常，但在將複選框的狀態變爲關閉/未選中時出現問題。

就像我們使用的複選框：

$("#c1,#c2,#c3").prop('checked', false);

按照文檔引導切換插件使用功能「關閉」關閉但這不是工作：

$("#c1,#c2,#c3").bootstrapToggle('off');

而

$("#c1,#c2,#c3").bootstrapToggle('disable');

作品&禁用所有三個複選框。

但我想要禁用，只需關閉所有的切換按鈕編程。試圖用代碼的每個單獨行：

$("#c1").bootstrapToggle('off'); 
$("#c2").bootstrapToggle('off'); 
$("#c3").bootstrapToggle('off');

但只有一個（1元）得到關閉後&我的下一個腳本將停止。

P.S.

我使用這個功能功能的另一功能內：

function reset_all(){ 
     // other fields resets 
     // input default values to reset 
     // hide select options & other fields 
     $("#c1,#c2,#c3").bootstrapToggle('off'); 
    }

應復位按鈕的點擊工作：

$('#btnReset').on("click",function(e){ 
     e.preventDefault(); 
     reset_all(); 
     // alert message display 
     // 
});

有在插件中的一些bug？或者我的代碼有問題！

編輯

我只是想出了這個功能工作時複選框打開，但停止工作時已經處於關斷狀態，這些複選框。

即複選框在設置爲ON但關閉時已關閉&我運行bootstrapToggle（'off'）函數，然後停止下一個代碼。

如何檢測哪個複選框打開「開」&只有該複選框得到「關」&如果全部打開，那麼所有關閉。

來源

2015-09-18 Vehlad

似乎工作正常。 http://jsfiddle.net/isherwood/e5Lg47fz/ – isherwood

控制檯中的錯誤？ – isherwood

我在另一個函數中使用了這個關閉代碼：function reset_all（）{}它用於點擊重置按鈕，就像我們用來重置所有表單元素並將值設置爲默認值一樣。然後$（'＃btnReset'）。on（「click」，function（e）{reset_all（）;}） – Vehlad

在您的事件調用結束時更改（），就像我一樣。

$("#c1,#c2,#c3").prop('checked', false).change();

來源

2016-11-18 21:36:50 andrepaulo

Bootstrap切換：將多個複選框的切換狀態設置爲'關'

編輯

回答

相關問題