JSFiddle - React, Tailwind, and code Playground

by paska

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.min.js"></script>
<input type="checkbox" data-bind="checked: Entrada().Habilitado()" />

JavaScript

var data = {
	Entrada: {
  	Habilitado: true
  }
};

var vm = {};
ko.mapping.fromJS(data, {
  Entrada: {
    create: function (options) {
      alert("create");
      if (!options.data)
        return ko.observable();
      return ko.observable(ko.mapping.fromJS(options.data, {}));
    },
    update: function (options) {
      var aux = ko.mapping.fromJS(options.data, {});
      return ko.observable(aux);
    }
  },
}, vm);
ko.applyBindings(vm, document.body);

$(":checkbox").on("change", function() {
	ko.mapping.fromJS(data, {}, vm);
// 	vm.Entrada().Habilitado($(this).prop("checked"));
  alert(vm.Entrada().Habilitado());
});