javascript - enable - knockout js subscriptions
El enlace de knockout del grupo de botones de Bootstrap no funciona (1)
Seguí esto: http://volaresystems.com/blog/post/2013/12/09/Using-Bootstrap-3-radio-button-groups-with-Knockout-3-data-bindings (jQuery 2.0.3, Bootstrap 3.0.3, Knockout 3.0.0)
Por lo que puedo ver, las únicas diferencias son los números de versión jQuery, Knockout y Bootstrap, pero coinciden los principales números de versión. http://jsfiddle.net/csabatoth/rLtL16xk/12/ (jQuery 2.1.3, Bootstrap 3.3.4, Knockout 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);
});
¿Alguien puede señalar por qué esto no funciona? La unión es solo de una manera. Obtiene el valor inicial, pero no es útil más.
intente con <div class="btn-group-vertical" data-toggle="buttons">
remove data-toggle="buttons"
agregar css:
label.btn > input[type=''radio'']
{
display: none;
}
js: remove $(document).ready(function () {