JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="checkbox" id="enableuserreply"/> Enable User Reply<br />
    <input type="checkbox" id="enapletexteffect"/> Enable Text Effect<br />
    <select id="usernames" disabled="disabled">
        <option value="">Users</option>
        <option value="Alex">Alex</option>
        <option value="Jeff">Jeff</option>
        <option value="Amy">Amy</option>
        <option value="Kate">Kate</option>
    </select>
    <select id="boxcode" disabled="disabled">
        <option value="">Codes</option>
        <option value="[b][/b]">Bold</option>
        <option value="[i][/i]">Italics</option>
        <option value="[u][/u]">underline </option>
        <option value="[s][/s]">Strike</option>
        <option value="[sup][/sup]">Super Script</option>
        <option value="[sub][/sub]">Sub Script</option>
        <option value="[center][/center]">Center</option>
        <option value="[big][/big]">Big</option>
        <option value="[small][/small]">Small</option>
        <option value="[br]">Line Break</option>
        <option value="[url=][/url]">Link</option>
        <option value="startpicture endpicture">Picture</option>
        <option value="[color=][/color]">Color</option>
    </select>
    <select id="colors" disabled="disabled">
        <option value="">Color</option>
        <option value="red">red</option>
        <option value="blue">blue</option>
        <option value="green">green</option>
        <option value="white">white</option>
    </select>
    <input id="message" type="text" />
    <input type="button" value="Clear" onclick="clear()" />
</form>

<div id="bingo">afasdfasdf<input type="text/></div>

<pre id="display"></pre>

CSS

div[disabled=disabled] {
    opacity: 0.6;
}

JavaScript

$(document).ready(function() {
    $('#enableuserreply').click(function() {

        var dis = $(this).prop('checked') ? "" : "disabled";

        $("#usernames").prop('disabled', dis);
    });
    $('#enapletexteffect').click(function() {

        var dis = $(this).prop('checked') ? "" : "disabled";

        $("#boxcode").prop('disabled', dis);
        $("#colors").prop('disabled', dis);
        $("#bingo").attr('disabled',dis);
    });
});