Связано с: Группа кнопок загрузки Bootstrap
HTML:
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input type="radio" name="options" id="option1" value="1" data-bind="checked: optionsValue"> Option 1
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option2" value="2" data-bind="checked: optionsValue"> Option 2
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option3" value="3" data-bind="checked: optionsValue"> Option 3
</label>
</div>
<br />
<span data-bind="text: optionsValue"></span>
JavaScript:
var ViewModel = function() {
this.optionsValue = ko.observable()
};
ko.applyBindings(new ViewModel());
JsFiddle:
- Без переключения данных: http://jsfiddle.net/fDMM2/
- С переключением данных: http://jsfiddle.net/Kf3tj/1/
У меня есть код выше, который я пытаюсь работать, как я ожидаю. Проблема заключается в том, что когда data-toggle="buttons"
добавляется в div группы btn (как в примере Bootstrap 3), привязка нокаута перестает работать. Если я оставлю переключатель данных от группы кнопок, привязка работает так, как ожидалось, но группа кнопок выглядит ужасно. Я знаю, что это не работало в Bootstrap 2, потому что на самом деле они не использовали радиовход для своего радиоуправления. Почему он отказывается работать сейчас, даже если они делают?