Let me start by presenting my problem, accompanied by a simple piece of code:
<body>
<div>
<input type="radio" name="salary"/>Per Year
<select>
<option value="0">All</option>
<option value="40000">$40,000.00+</option>
<option value="50000">$50,000.00+</option>
</select>
</div>
<div>
<input type="radio" name="salary"/>Per Hour
<select>
<option value="0">All</option>
<option value="20">$20.00+</option>
<option value="25">$25.00+</option>
</select>
</div
</body>
I am aiming to achieve a functionality where upon selecting the radio button with the "Per Year" value, the other radio button labeled "Per Hour" should be disabled, preventing users from choosing values from its dropdown list.
How can I implement this feature in AngularJS? Are there any directives available to assist in solving this issue?