JSFiddle - React, Tailwind, and code Playground

by Seva Jmurov

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div id="test-container" class="container-fluid">
    <input id="enableButtonCheck" type="checkbox" name="enableButton"/>Enable that button -->
    <i id="targetButton"class="disabled btn btn-sm btn-primary">Button</i>
</div>

JavaScript

$('#test-container').on('click', '#targetButton', function(e) {
    alert('Hello, I\'m target button.');
})
$('#enableButtonCheck').on('click', function(e) {
    $('#targetButton').toggleClass('disabled', !$("#enableButtonCheck").is(":checked"));
})