引導單選按鈕組敲除結合不起作用

我跟着此： http://volaresystems.com/blog/post/2013/12/09/Using-Bootstrap-3-radio-button-groups-with-Knockout-3-data-bindings （jQuery的2.0.3，3.0.3自舉，敲除3.0.0）引導單選按鈕組敲除結合不起作用

據我可以看到，唯一的區別是jQuery，Knockout和Bootstrap版本號，但主要版本號相匹配。 http://jsfiddle.net/csabatoth/rLtL16xk/12/ （jQuery的2.1.3，3.3.4引導，淘汰賽3.3.0）

<p> 
    Currently selected: <span data-bind="text: selectedOption"></span> 
</p> 

<div class="btn-group-vertical" data-toggle="buttons"> 
    <label class="btn btn-lg btn-primary" data-bind="css: { 'active': selectedOption() === 'Purchase Target Cat' }"> 
     <input type="radio" name="options" id="option1" data-bind="checked: selectedOption, checkedValue: 'Purchase Target Cat'">Purchase Target Cat 
    </label> 
    <label class="btn btn-lg btn-primary" data-bind="css: { 'active': selectedOption() === 'Purchase Existing Cat' }"> 
     <input type="radio" name="options" id="option2" data-bind="checked: selectedOption, checkedValue: 'Purchase Existing Cat'">Purchase Existing Cat 
    </label> 
    <label class="btn btn-lg btn-primary" data-bind="css: { 'active': selectedOption() === 'Existing Dog Purchases Target Cat' }"> 
     <input type="radio" name="options" id="option3" data-bind="checked: selectedOption, checkedValue: 'Existing Company Purchases Target Company'">Existing Dog Purchases Target Cat 
    </label> 
</div> 

var viewModel = function() { 
    var self = this; 
    self.selectedOption = ko.observable("Target Cat"); 
} 

$(document).ready(function() { 
    var vm = new viewModel(); 
    ko.applyBindings(vm); 
});

任何人都可以指出爲什麼這不起作用？綁定只是一種方式。它獲得了初始值，但是沒有用處。

來源

2015-05-19 Csaba Toth

嘗試 <div class="btn-group-vertical" data-toggle="buttons">刪除data-toggle="buttons"

新增CSS：

label.btn > input[type='radio'] 
{ 
    display: none; 
}

JS：刪除$(document).ready(function() {

DEMO

來源

2015-05-19 05:14:37

感謝。關鍵是要刪除data-toggle =「按鈕」！ –

是的..你說得對.. –

我覺得''很好，不需要更多的CSS –

引導單選按鈕組敲除結合不起作用

回答

相關問題