JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tbl">
    <tr>
        <td>
       
This is our example div block. <br />
        Sample Text Box: <input type="text" name="name" /> <br />
        Sample Checkbox : <input type="checkbox" name="participate" />

<div id="elementsToOperateOn">
        This is our example div block. <br />
        Sample Text Box: <input type="text" name="name" /> <br />
        Sample Checkbox : <input type="checkbox" name="participate" /> <br/>
        Sample Radio : <input type="radio" name="bookEarly" /> <br />
        Sample Select: <select name="sampleSelect">
                            <option>Option 1</option>
                            <option>Option 2</option>
                        </select>
    </div>

        <a  id="toggleElement" href="#" onclick="toggleStatus()">Click to change:</a>
<input type=button />
 </td>
    </tr>
</table>

JavaScript

$("#tbl *").attr('disabled', 'disabled');