Enable & Disable a div and all of its elements in it.

[faizanmalik9]

need a feature to disable div and all element in it. like if i have a div contains text boxes, check boxes and radio buttons. when i disable div all text boxes,check boxes and radio buttons become disable/not clickable until i enable div again.

[vscodebot[bot]]

(Experimental duplicate detection) Thanks for submitting this issue. Please also check if it is already covered by an existing one, like:

• [folding] Folding HTML tags should hide the closing tag. (#24515)

[faizanmalik9]

its not like that. i said i need to enable disable a div with its element. now div ending tag.

[aeschli]

Can you add a code sample of before and after?

[faizanmalik9]

its like if i have a div containing different input fields like

<div id="myDiv">
        <label>Name:</label>
        <input type="text">
        <label>Gender:</label>
        <label><input type="radio" name="sex"> Male</label>        
        <label><input type="radio" name="sex"> Female</label>
        <label>Hobbies:</label>
        <label><input type="checkbox" name="sports"> Soccer</label>
        <label><input type="checkbox" name="sports"> Cricket</label>
        <label>Address:</label>
        <textarea></textarea>
        <label>Country:</label>
        <select>
            <option>select</option>
        </select>
        <br>
        <button type="button">Submit</button>
        <button type="button">Reset</button>
    </div>

now in java script i just write $("#myDiv :input").prop("disabled", true); and all of input fields in div gose disabled, and when i write $("#myDiv :input").prop("disabled", false); all inputs in div gose enable. reference link copy past in browser: https://codepen.io/tipsoftheday/pen/JreAp
hope you understand my point.

[vscodebot[bot]]

We try to keep VS Code lean and we think the functionality you're asking for is great for a VS Code extension. Maybe you can already find one that suits you in the VS Code Marketplace. Just in case, in a few simple steps you can get started writing your own extension. See also our issue reporting guidelines.

Happy Coding!