JSFiddle - React, Tailwind, and code Playground

by fastfasterfastest

HTML

<script src="https://knockoutjs.com/downloads/knockout-3.5.0.debug.js"></script>
<div><input type="checkbox" value="xxx" data-bind="checked: isItem3Disabled" /> Is Item 3 Disabled</div>
<select  data-bind="
    options: myItems,
    optionsText: 'name',
    optionsValue: 'id',
    optionsAfterRender: setOptionDisable">
</select>

JavaScript

var isItem3Disabled = ko.observable(true),
    vm = {
    isItem3Disabled: isItem3Disabled,
      myItems: [{
          name: 'Item 1',
          id: 1,
          disable: ko.observable(false)
        },
        {
          name: 'Item 3',
          id: 3,
          disable: isItem3Disabled
        },
        {
          name: 'Item 4',
          id: 4,
          disable: ko.observable(false)
        }
      ],
      setOptionDisable: function(option, item) {
        ko.applyBindingsToNode(option, {
          disable: item.disable
        }, item);
      }
    };
    ko.applyBindings(vm);