JSFiddle - React, Tailwind, and code Playground

by nnnnnn

HTML

<div id="retention_interval_div">
    <input type="text" value="Test value">
</div>
    <input type="button" value="Click to toggle disable property of previous field">

CSS

#retention_interval_div input[type="text"]:disabled { 
    color : darkGray;
    font-style: italic;
}

JavaScript

$('input[type="button"]').click(function() {
    
    $('#retention_interval_div :input').prop('disabled', function(i,oldVal) { return !oldVal; });
    
});