JSFiddle - React, Tailwind, and code Playground

HTML

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>

JavaScript

$("a#toggleElement").click(function(event){
    $(':input').not('#elementsToOperateOn :input').attr('disabled', true);               
        //$('#elementsToOperateOn :input').removeAttr('disabled');
    
});