JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="Add..." onclick="adduser()" data-bind="enable: WritePermission"/>
<input type="button" value="Edit..." visibility="true" onclick="edituser()" data-bind="enable: UserSelected" />
<input type="button" value="Edit Menu Permissions..." onclick="editmenupermissions()"  data-bind="enable: UserSelected && WritePermission, visible: $root.cp && $root.isMulti" />

JavaScript

var ViewModel = function() {
    var self = this;
    WritePermission = ko.observable(true);
    UserSelected = ko.observable(false);    
    self.isMulti = true;
    self.cp = false;
}

var currentItem = new ViewModel();
ko.applyBindings(currentItem);