KO disable/enable test for div children

by bombo

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-1.2.1.debug.js"></script>
<div data-bind="enable: enabled">
    <label for="input1">Input 1: </label>
    <input name="input1" type="text" />
</div>
<div data-bind="disable: disabled">
    <label for="input2">Input 2: </label>
    <input name="input2" type="text" />
</div>
<button data-bind="click: switchValues">Switch</button>

JavaScript

var viewModel = {
    enabled: ko.observable(true),
    disabled: ko.observable(true)
};

viewModel.switchValues = function() {
    viewModel.enabled(!viewModel.enabled());
    viewModel.disabled(!viewModel.disabled());
};

$(document).ready(function () {
    ko.applyBindings(viewModel);
});