Knockout attr binding with attributes like 'readonly' and 'disabled'

Question

What\'s the suggested \"best practice\" way to use Knockout\'s \"attr\" data binding with standalone attributes like \"readonly\" and

Answer 1

You can also create a binding for readonly like this:

ko.bindingHandlers['readonly'] = {
'update': function (element, valueAccessor) {
    var value = ko.utils.unwrapObservable(valueAccessor());
    if (!value && element.readOnly)
        element.readOnly = false;
    else if (value && !element.readOnly)
        element.readOnly = true;
}
};

Source: https://github.com/knockout/knockout/issues/1100