JSFiddle - React, Tailwind, and code Playground

by nemesv

HTML

<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.debug.js"></script>
<div>
    <input type="checkbox" id="chk" data-bind="checked: ok"/><br>
    <input type="button" id="btnCheck" value="Check" onclick="javascript:$('#chk').attr('checked', true).triggerHandler('click')"/>&nbsp;&nbsp;    
    <input type="button" id="btnUnCheck" value="Uncheck" onclick="javascript:$('#chk').attr('checked', false).triggerHandler('click')"/> 
</div>
<div>
    Value: <span data-bind="text: ok"></span>    
</div>

JavaScript

function MyViewModel() {
     var self = this;
    
      self.ok = ko.observable('true');
    
};

var vm = new MyViewModel();
ko.applyBindings(vm);