JSFiddle - React, Tailwind, and code Playground
HTML
<form action="" method="post">
<div>
<input type="text" name="nome" id="nome" />
</div>
<div>
<label>
<input type="checkbox" name="aceitar" id="aceitar" /> Aceitar
</label>
</div>
<input type="submit" value="Enviar" id="enviar" disabled="true" />
<input type="button" value="Limpar" id="limpar" />
</form>
JavaScript
$(function(){
$('#aceitar').on('click', function(){
$('#enviar').prop('disabled', !$(this).is(':checked'));
});
$('#limpar').on('click', function(){
$('#aceitar').prop('checked', false);
$('#enviar').prop('disabled', true);
$('#nome').val('');
});
});