JSFiddle - React, Tailwind, and code Playground

by Suraj Raj Shrestha

HTML

<form>
    <table>
        <tr><td align="center"><input type="checkbox" name="agree" id="agree">I agree Terms and Conditions</td></tr>
        <tr><td align="center"><input type="submit" name="submit" id="submit" value="submit" disabled></td></tr>
    </table>
</form>
<span id="submitted">Form submitted</span>

CSS

#submitted { display:none }

JavaScript

$(function() {
    $('#agree').change(function() {
        $('#submit').attr('disabled', !this.checked);
    });
});
$("#submit").live('click', function() {
  $("form").hide();
  $("#submitted").show();
});