JSFiddle - React, Tailwind, and code Playground

by manoj

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.1.0.js"></script>
 <input   data-bind="value: testVal" />

     <input data-bind="value: testVal2" />

     <input data-bind="value: total, disable:!isManule()" />

<div>Manul:  <input type="checkbox" data-bind="checked: isManule, checkedValue: $data" /></div>

JavaScript

//Computed on off 
$("input:text")
        .focus(function () { $(this).select(); } )
        .mouseup(function (e) {e.preventDefault(); });
function viewModel () {
    var self = this;
     self.testVal = ko.observable(0);
    
       self.testVal2 = ko.observable(0);
        self.isManule = ko.observable(false);    
    
    self.total = ko.computed(function () {
        if( !self.isManule())
           {
        return  parseFloat(self.testVal()) + parseFloat(self.testVal2());
    }
        else
        {
       return   0;
        }
    });
}
ko.applyBindings(new viewModel());