knockout.js - KnockoutJS: Enable/disable a checkbox when value of a text (number) input is > 0 -

knockout.js - KnockoutJS: Enable/disable a checkbox when value of a text (number) input is > 0 -

i'd inquire user how many children he/she has, , when he/she has more 0, checkbox "single parent?" should enabled, otherwise disabled.

i'm new knockoutjs , made through tutorials on page, seem fail @ basic need. made jsfiddle here:

http://jsfiddle.net/jmuheim/26x9v/

one of import thing: when existing user edits info, number of children read database, <input value="xxx" /> should respected knockoutjs.

any help highly appreciated.

i used enable if numberofchildren greater 0

<div> number of children: <input type="text" data-bind="value: numberofchildren"/> </div> <div> <input type="checkbox" data-bind="value: singleparent, enable: numberofchildren() > 0" /> single parent? </div>

here json coming server/db , assigned relevant observables bound page

$(function() { var modelfromserver = { numberofchildren: 3, singleparent: false }; ko.applybindings(new viewmodel(modelfromserver)); }); var viewmodel = function (model) { self.numberofchildren = ko.observable(model.numberofchildren) self.singleparent = ko.observable(model.singleparent) };

http://jsfiddle.net/j7srw/3/

knockout.js