JSFiddle - React, Tailwind, and code Playground

HTML

<input id="1" type="submit" class="disabled" value="disabled click" />

<input id="2" type="checkbox" value="click enabled!" />

CSS

.disabled
{
    background-color: #DDD;
    color: #999;
}

JavaScript

$('input:checkbox').change(function () {
    if (this.checked) {
         $('#1').removeClass("disabled");
    }
    if (!this.checked) {
    $('#1').addClass("disabled");
    }
   
});
     
    
$('#1').click(function (event) {
        if ($(this).hasClass('disabled')) {
            alert ("Um fortzufahren, mĂĽssen Sie den Bedingungen zustimmen!");
           return false;
        } else {
            alert('Formular will create PDF');
        }
    });