JSFiddle - React, Tailwind, and code Playground

by Phil Glau

HTML

<input type="checkbox" id="tc_all" class='overall'>
<label for="tc_all">No</label>

CSS

.ui-state-active, .ui-widget-content .ui-state-active , .ui-widget-header .ui-state-active {
    border: 1px solid #333;
    background: #390 50% 50% repeat-x;
    font-weight: strong;
    color: #FFF;
}

JavaScript

$(function () {
      $("#tc_all").button().click(function () {
          var text = $(this).is(':checked') ? "Yes" : "No"
          $(this).button('option', 'label', text);
      });

  });