JSFiddle - React, Tailwind, and code Playground

by iambriansreed

HTML

<input type="checkbox" id="enableButtonA"> Using 'disabled', 'disabled' <br />
<button id="myButtonA" disabled="disabled">Button A</button>
<br /><br />
<input type="checkbox" id="enableButtonB"> Using 'disabled', true <br />
<button id="myButtonB" disabled="disabled">Button B</button>

JavaScript

$(document).ready(function () {
    $('#enableButtonA').click(function (e) {
       $('#myButtonA').prop('disabled', !$(e.target).is(':checked'));
        alert(($(e.target).is(':checked') ? 'En' : 'Dis')+
            'able Button A');
    });
    
    $('#enableButtonB').click(function (e) {
       $('#myButtonB').prop('disabled', !$(e.target).is(':checked'));
        alert(($(e.target).is(':checked') ? 'En' : 'Dis')+
            'able Button B');
    });
});