JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
    <tr>
        <td width="30%">Do you accept <a href="terms_of_service.html" target="_blank">Terms of Service</a> agreement?</td>
        <td width="10px" style="min-width: 10px"></td>
        <td width="70%">
            <input type="radio" name="TOS1" onclick="chradioEnableSubmit(this.value)" value="Agree">I gfdgfdAgree<br>
            <input type="radio" name="TOS1" onclick="chradioEnableSubmit(this.value)" value="Disagree" checked>I Dissagree
        </td>
    </tr>
    <tr height="10px"></tr>
    <tr>
        <td width="30%"></td>
        <td width="10px" style="min-width: 10px"></td>
        <td width="70%">
            <input id="sbmt" type="submit" name="Submit" value="Submit" disabled> 
            <input type="reset" name="Reset" value="Reset">
        </td>
    </tr>
</table>

JavaScript

function chradioEnableSubmit(val) {
    var my = document.getElementById("sbmt");
    if (val === "Agree") {
        my.disabled = false;
    }
    else {
        my.disabled = true;
    }
}